/* UNDO HTML 
-------------------------------------------------------------- */
@import "https://fast.fonts.net/cssapi/7408c9a7-1ba2-44be-abbb-fd675d264718.css";
:link,
:visited {
  /* text-decoration:none; */
}
ul,
ol {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code {
  font-size: 1em;
  margin: 0;
  padding: 0;
}
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
body,
html,
p,
blockquote,
fieldset,
input {
  margin: 0;
  padding: 0;
  border: none;
}
a img,
:link img,
:visited img {
  border: none;
}
/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
.box-sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.drop-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.boxsizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.max-content {
  max-width: -moz-max-content;
  max-width: -webkit-max-content;
  max-width: max-content;
}
/*colours*/
/*beige?*/
/* stage colours, these also need to be updated in the chart js class if they change */
/*images*/
/* variables*/
.border {
  border-bottom: solid 1.5px #DAD9D1;
}
.border-top {
  border-top: solid 1.5px #DAD9D1;
}
.tab {
  padding: 10px;
  background: #EFEEE9;
  margin-right: 2px;
  display: inline-block;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tab.selected {
  background: #DAD9D1;
}
.tab:hover {
  background: #DAD9D1;
}
.button,
a.tab,
.options {
  padding: 10px;
  background: #EFEEE9;
  text-decoration: none;
  display: inline-block;
  color: #585857;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  cursor: pointer;
  text-shadow: none;
}
.button:hover,
a.tab:hover,
.options:hover {
  background: #DAD9D1;
}
.button {
  border-bottom: 3px solid #c4c0ae;
  padding-bottom: 7px !important;
}
.button.tab {
  border: none;
  padding-bottom: 10px !important;
}
.options {
  margin-bottom: 15px;
}
.tabInline {
  margin-bottom: 0!important;
}
.tabInline li {
  display: inline-block;
  margin-right: -2px;
}
.tabBlock {
  margin-bottom: 0;
}
.tabBlock li {
  margin-bottom: 2px;
  display: block;
}
.tabContent {
  background: #ffffff;
  padding: 10px;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #585857;
}
.dataColour {
  border: 1.5px solid #585857;
  /* background: fade(@darkGrey, 40%); */
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
/*colours*/
.manufacture table {
  border-color: #e83942;
}
.manufacture table .tableTotal {
  color: #e83942;
}
.manufacture h1,
.manufacture h2,
.manufacture h3,
.manufacture p,
.manufacture .icon {
  color: #e83942;
}
.manufacture .tab {
  background: #e83942;
  color: #ffffff;
}
.manufacture .tab .icon {
  color: #ffffff;
}
.manufacture .tab .fadedText {
  color: rgba(255, 255, 255, 0.7);
}
.manufacture .highlight {
  background: #e83942 !important;
}
.manufacture .fade30,
.manufacture.fade30 {
  background: rgba(232, 57, 66, 0.5) !important;
}
.manufacture .dataColour,
.manufacture.dataColour {
  border-color: #e83942 !important;
}
.transport table {
  border-color: #74b647;
}
.transport table .tableTotal {
  color: #74b647;
}
.transport tableth {
  color: #74b647;
}
.transport h1,
.transport h2,
.transport h3,
.transport p,
.transport .icon {
  color: #74b647;
}
.transport .tab {
  background: #74b647;
  color: #ffffff;
}
.transport .tab icon {
  color: #ffffff;
}
.transport .tab .fadedText {
  color: rgba(255, 255, 255, 0.7);
}
.transport .highlight {
  background: #74b647 !important;
}
.transport .fade30,
.transport.fade30 {
  background: rgba(116, 182, 71, 0.5) !important;
}
.transport .dataColour,
.transport.dataColour {
  border-color: #74b647 !important;
}
.use table {
  border-top: solid 1.5px #DAD9D1;
  border-color: #0095c5;
}
.use table .tableTotal {
  color: #0095c5;
}
.use tableth {
  color: #0095c5;
}
.use h1,
.use h2,
.use h3,
.use p,
.use .icon {
  color: #0095c5;
}
.use .tab {
  background: #0095c5;
  color: #ffffff;
}
.use .tab icon {
  color: #ffffff;
}
.use .tab .fadedText {
  color: rgba(255, 255, 255, 0.7);
}
.use .highlight {
  background: #0095c5 !important;
}
.use .fade30,
.use.fade30 {
  background: rgba(0, 149, 197, 0.5) !important;
}
.use .dataColour,
.use.dataColour {
  border-color: #0095c5 !important;
}
.disposal table {
  border-color: #ee722c;
}
.disposal table .tableTotal {
  color: #ee722c;
}
.disposal tableth {
  color: #ee722c;
}
.disposal h1,
.disposal h2,
.disposal h3,
.disposal p,
.disposal .icon {
  color: #ee722c;
}
.disposal .tab {
  background: #ee722c;
  color: #ffffff;
}
.disposal .tab icon {
  color: #ffffff;
}
.disposal .tab .fadedText {
  color: rgba(255, 255, 255, 0.7);
}
.disposal .highlight {
  background: #ee722c !important;
}
.disposal .fade30,
.disposal.fade30 {
  background: rgba(238, 114, 44, 0.5) !important;
}
.disposal .dataColour,
.disposal.dataColour {
  border-color: #ee722c !important;
}
/*layout*/
.clear:after {
  content: ".";
  height: 0;
  clear: both;
  visibility: hidden;
  display: block;
}
/*text*/
.font {
  font-family: 'Proxima Nova W01', Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.fontHeading {
  /* font-family:'Proxima Nova W15', Helvetica, Arial, sans-serif; */
  font-weight: 600;
}
.fontBold {
  /* font-family:'Proxima Nova W01', Helvetica, Arial, sans-serif; */
  font-weight: 700;
}
/*
.fontLight{
	font-family:'Proxima Nova W01', Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.fontItalic{
	font-family:'Proxima Nova W01', Helvetica, Arial, sans-serif;
	font-weight: normal;
}
*/
/*
.fontBldIt{
	font-family:'Proxima Nova W01', Helvetica, Arial, sans-serif;
	font-weight: 500;
}
*/
strong,
b {
  /* font-family:'Proxima Nova W01', Helvetica, Arial, sans-serif; */
  font-weight: 700;
}
@font-face {
  font-family: 'icons';
  src: url('/css/font/icons.eot?11673329');
  src: url('/css/font/icons.eot?11673329#iefix') format('embedded-opentype'), url('/css/font/icons.woff?11673329') format('woff'), url('/css/font/icons.ttf?11673329') format('truetype'), url('/css/font/icons.svg?11673329#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*icons*/
.icon {
  font-family: 'icons';
  /* margin-right:@margin/2; */
}
.icon.iconMiddle {
  margin: 0 5px;
}
.icon.iconLeft {
  margin-right: 5px;
}
.icon.iconRight {
  margin-left: 5px;
}
.icon.user:before {
  content: 'u';
}
.icon.arrowDown:before {
  content: 'v';
}
.icon.arrowLeft:before {
  content: '<';
}
.icon.arrowRight:before {
  content: '>';
}
.icon.arrowUp:before {
  content: '^';
}
.icon.cog:before {
  content: 'c';
}
.icon.cogs:before {
  content: 't';
}
.icon.filter:before {
  content: 'f';
}
.icon.truck:before {
  content: 'v';
}
.icon.email:before {
  content: 'e';
}
.icon.group:before {
  content: 'g';
}
.icon.check:before {
  content: '√';
}
.icon.close:before {
  content: 'x';
}
.icon.marker:before {
  content: 'm';
}
.icon.document:before {
  content: 'p';
}
.icon.factory:before {
  content: 'C';
}
.icon.menuLines:before {
  content: 'l';
}
.largeIcon {
  /* font-size:1.2em; */
  font-size: 15px;
}
/*layout*/
body {
  color: #585857;
  font-size: 14px;
  -webkit-text-size-adjust: none;
  font-family: 'Proxima Nova W01', Helvetica, Arial, sans-serif;
  font-weight: 500;
}
/* text formatting */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 15px;
  /* font-family:'Proxima Nova W15', Helvetica, Arial, sans-serif; */
  font-weight: 600;
  line-height: 1.6em;
}
p,
ul,
ol {
  margin-bottom: 15px;
}
h1 {
  font-size: 1.6em;
}
h1.border {
  padding-bottom: 10px;
}
h2 {
  font-size: 1.4em;
}
h3 {
  font-size: 1.1em;
  margin-bottom: 0;
  /* font-family:'Proxima Nova W01', Helvetica, Arial, sans-serif; */
  font-weight: 700;
}
/*content*/
#content {
  padding: 25px;
}
.flexwrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*tabbed heading*/
.tabbedHeading {
  margin-bottom: 15px;
}
.tabbedHeading h2,
.tabbedHeading h1 {
  margin-bottom: 0;
  padding-bottom: 10px;
  line-height: 1em;
}
.tabbedHeading .closeAll {
  padding: 10px;
}
.tabbedHeading .closeAll:hover {
  cursor: pointer;
}
.tabbedHeading .closeAll:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  content: '^';
  padding-right: 5px;
}
.tabbedHeading .closeAll:before.iconMiddle {
  margin: 0 5px;
}
.tabbedHeading .closeAll:before.iconLeft {
  margin-right: 5px;
}
.tabbedHeading .closeAll:before.iconRight {
  margin-left: 5px;
}
.tabbedHeading .closeAll:before.user:before {
  content: 'u';
}
.tabbedHeading .closeAll:before.arrowDown:before {
  content: 'v';
}
.tabbedHeading .closeAll:before.arrowLeft:before {
  content: '<';
}
.tabbedHeading .closeAll:before.arrowRight:before {
  content: '>';
}
.tabbedHeading .closeAll:before.arrowUp:before {
  content: '^';
}
.tabbedHeading .closeAll:before.cog:before {
  content: 'c';
}
.tabbedHeading .closeAll:before.cogs:before {
  content: 't';
}
.tabbedHeading .closeAll:before.filter:before {
  content: 'f';
}
.tabbedHeading .closeAll:before.truck:before {
  content: 'v';
}
.tabbedHeading .closeAll:before.email:before {
  content: 'e';
}
.tabbedHeading .closeAll:before.group:before {
  content: 'g';
}
.tabbedHeading .closeAll:before.check:before {
  content: '√';
}
.tabbedHeading .closeAll:before.close:before {
  content: 'x';
}
.tabbedHeading .closeAll:before.marker:before {
  content: 'm';
}
.tabbedHeading .closeAll:before.document:before {
  content: 'p';
}
.tabbedHeading .closeAll:before.factory:before {
  content: 'C';
}
.tabbedHeading .closeAll:before.menuLines:before {
  content: 'l';
}
/*lca heading*/
.lcaHeading {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lcaHeading .notes,
.lcaHeading h1 {
  display: inline-block;
}
.lcaHeading .notes {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  align-self: baseline;
}
.lcaHeading h1 {
  margin-right: 10px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-bottom: 0;
  align-self: baseline;
}
.lcaHeading .button {
  float: right;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.lcaHeading .user {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 2 auto;
  -ms-flex: 0 2 auto;
  flex: 0 2 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.lcaHeading .user:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  content: 'u';
  padding-right: 5px;
}
.lcaHeading .user:before.iconMiddle {
  margin: 0 5px;
}
.lcaHeading .user:before.iconLeft {
  margin-right: 5px;
}
.lcaHeading .user:before.iconRight {
  margin-left: 5px;
}
.lcaHeading .user:before.user:before {
  content: 'u';
}
.lcaHeading .user:before.arrowDown:before {
  content: 'v';
}
.lcaHeading .user:before.arrowLeft:before {
  content: '<';
}
.lcaHeading .user:before.arrowRight:before {
  content: '>';
}
.lcaHeading .user:before.arrowUp:before {
  content: '^';
}
.lcaHeading .user:before.cog:before {
  content: 'c';
}
.lcaHeading .user:before.cogs:before {
  content: 't';
}
.lcaHeading .user:before.filter:before {
  content: 'f';
}
.lcaHeading .user:before.truck:before {
  content: 'v';
}
.lcaHeading .user:before.email:before {
  content: 'e';
}
.lcaHeading .user:before.group:before {
  content: 'g';
}
.lcaHeading .user:before.check:before {
  content: '√';
}
.lcaHeading .user:before.close:before {
  content: 'x';
}
.lcaHeading .user:before.marker:before {
  content: 'm';
}
.lcaHeading .user:before.document:before {
  content: 'p';
}
.lcaHeading .user:before.factory:before {
  content: 'C';
}
.lcaHeading .user:before.menuLines:before {
  content: 'l';
}
/*phase notes*/
.phaseNotes {
  margin-bottom: 37.5px;
}
.phaseNotes .phaseNotesTitle {
  text-align: center;
  margin: 15px 0;
}
.phaseNotes .phaseNotesTitle h2 {
  margin-bottom: 0;
}
.phaseNotes .phaseNotesTitle h2:before {
  font-size: 1.3em;
  font-family: 'icons';
  /* margin-right:@margin/2; */
  margin-right: 5px;
}
.phaseNotes .phaseNotesTitle h2:before.iconMiddle {
  margin: 0 5px;
}
.phaseNotes .phaseNotesTitle h2:before.iconLeft {
  margin-right: 5px;
}
.phaseNotes .phaseNotesTitle h2:before.iconRight {
  margin-left: 5px;
}
.phaseNotes .phaseNotesTitle h2:before.user:before {
  content: 'u';
}
.phaseNotes .phaseNotesTitle h2:before.arrowDown:before {
  content: 'v';
}
.phaseNotes .phaseNotesTitle h2:before.arrowLeft:before {
  content: '<';
}
.phaseNotes .phaseNotesTitle h2:before.arrowRight:before {
  content: '>';
}
.phaseNotes .phaseNotesTitle h2:before.arrowUp:before {
  content: '^';
}
.phaseNotes .phaseNotesTitle h2:before.cog:before {
  content: 'c';
}
.phaseNotes .phaseNotesTitle h2:before.cogs:before {
  content: 't';
}
.phaseNotes .phaseNotesTitle h2:before.filter:before {
  content: 'f';
}
.phaseNotes .phaseNotesTitle h2:before.truck:before {
  content: 'v';
}
.phaseNotes .phaseNotesTitle h2:before.email:before {
  content: 'e';
}
.phaseNotes .phaseNotesTitle h2:before.group:before {
  content: 'g';
}
.phaseNotes .phaseNotesTitle h2:before.check:before {
  content: '√';
}
.phaseNotes .phaseNotesTitle h2:before.close:before {
  content: 'x';
}
.phaseNotes .phaseNotesTitle h2:before.marker:before {
  content: 'm';
}
.phaseNotes .phaseNotesTitle h2:before.document:before {
  content: 'p';
}
.phaseNotes .phaseNotesTitle h2:before.factory:before {
  content: 'C';
}
.phaseNotes .phaseNotesTitle h2:before.menuLines:before {
  content: 'l';
}
.phaseNotes .phaseNotesTitle p {
  font-size: 0.9em;
}
.phaseNotes .phaseNotesTitle .notes {
  display: block;
}
.phaseNotes .detail {
  display: block;
  padding: 10px 0;
}
.phaseNotes .manufacturedIn {
  vertical-align: middle;
  float: right;
}
.phaseNotes .manufacturedIn:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  margin-right: 5px;
  content: 'm';
  color: #e83942;
}
.phaseNotes .manufacturedIn:before.iconMiddle {
  margin: 0 5px;
}
.phaseNotes .manufacturedIn:before.iconLeft {
  margin-right: 5px;
}
.phaseNotes .manufacturedIn:before.iconRight {
  margin-left: 5px;
}
.phaseNotes .manufacturedIn:before.user:before {
  content: 'u';
}
.phaseNotes .manufacturedIn:before.arrowDown:before {
  content: 'v';
}
.phaseNotes .manufacturedIn:before.arrowLeft:before {
  content: '<';
}
.phaseNotes .manufacturedIn:before.arrowRight:before {
  content: '>';
}
.phaseNotes .manufacturedIn:before.arrowUp:before {
  content: '^';
}
.phaseNotes .manufacturedIn:before.cog:before {
  content: 'c';
}
.phaseNotes .manufacturedIn:before.cogs:before {
  content: 't';
}
.phaseNotes .manufacturedIn:before.filter:before {
  content: 'f';
}
.phaseNotes .manufacturedIn:before.truck:before {
  content: 'v';
}
.phaseNotes .manufacturedIn:before.email:before {
  content: 'e';
}
.phaseNotes .manufacturedIn:before.group:before {
  content: 'g';
}
.phaseNotes .manufacturedIn:before.check:before {
  content: '√';
}
.phaseNotes .manufacturedIn:before.close:before {
  content: 'x';
}
.phaseNotes .manufacturedIn:before.marker:before {
  content: 'm';
}
.phaseNotes .manufacturedIn:before.document:before {
  content: 'p';
}
.phaseNotes .manufacturedIn:before.factory:before {
  content: 'C';
}
.phaseNotes .manufacturedIn:before.menuLines:before {
  content: 'l';
}
.phaseNotes.manufacture .phaseNotesTitle h2:before {
  content: 'C';
}
.phaseNotes.manufacture .more {
  color: #e83942;
  border-bottom: 1px solid rgba(232, 57, 66, 0.5);
  text-decoration: none;
  cursor: pointer;
}
.phaseNotes.manufacture .more:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  padding-right: 5px;
}
.phaseNotes.manufacture .more:before.iconMiddle {
  margin: 0 5px;
}
.phaseNotes.manufacture .more:before.iconLeft {
  margin-right: 5px;
}
.phaseNotes.manufacture .more:before.iconRight {
  margin-left: 5px;
}
.phaseNotes.manufacture .more:before.user:before {
  content: 'u';
}
.phaseNotes.manufacture .more:before.arrowDown:before {
  content: 'v';
}
.phaseNotes.manufacture .more:before.arrowLeft:before {
  content: '<';
}
.phaseNotes.manufacture .more:before.arrowRight:before {
  content: '>';
}
.phaseNotes.manufacture .more:before.arrowUp:before {
  content: '^';
}
.phaseNotes.manufacture .more:before.cog:before {
  content: 'c';
}
.phaseNotes.manufacture .more:before.cogs:before {
  content: 't';
}
.phaseNotes.manufacture .more:before.filter:before {
  content: 'f';
}
.phaseNotes.manufacture .more:before.truck:before {
  content: 'v';
}
.phaseNotes.manufacture .more:before.email:before {
  content: 'e';
}
.phaseNotes.manufacture .more:before.group:before {
  content: 'g';
}
.phaseNotes.manufacture .more:before.check:before {
  content: '√';
}
.phaseNotes.manufacture .more:before.close:before {
  content: 'x';
}
.phaseNotes.manufacture .more:before.marker:before {
  content: 'm';
}
.phaseNotes.manufacture .more:before.document:before {
  content: 'p';
}
.phaseNotes.manufacture .more:before.factory:before {
  content: 'C';
}
.phaseNotes.manufacture .more:before.menuLines:before {
  content: 'l';
}
.phaseNotes.manufacture .more:hover {
  border-bottom: solid 1px #e83942;
}
.phaseNotes.use .phaseNotesTitle h2:before {
  content: 't';
}
.phaseNotes.use .more {
  color: #0095c5;
  border-bottom: 1px solid rgba(0, 149, 197, 0.5);
  text-decoration: none;
  cursor: pointer;
}
.phaseNotes.use .more:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  padding-right: 5px;
}
.phaseNotes.use .more:before.iconMiddle {
  margin: 0 5px;
}
.phaseNotes.use .more:before.iconLeft {
  margin-right: 5px;
}
.phaseNotes.use .more:before.iconRight {
  margin-left: 5px;
}
.phaseNotes.use .more:before.user:before {
  content: 'u';
}
.phaseNotes.use .more:before.arrowDown:before {
  content: 'v';
}
.phaseNotes.use .more:before.arrowLeft:before {
  content: '<';
}
.phaseNotes.use .more:before.arrowRight:before {
  content: '>';
}
.phaseNotes.use .more:before.arrowUp:before {
  content: '^';
}
.phaseNotes.use .more:before.cog:before {
  content: 'c';
}
.phaseNotes.use .more:before.cogs:before {
  content: 't';
}
.phaseNotes.use .more:before.filter:before {
  content: 'f';
}
.phaseNotes.use .more:before.truck:before {
  content: 'v';
}
.phaseNotes.use .more:before.email:before {
  content: 'e';
}
.phaseNotes.use .more:before.group:before {
  content: 'g';
}
.phaseNotes.use .more:before.check:before {
  content: '√';
}
.phaseNotes.use .more:before.close:before {
  content: 'x';
}
.phaseNotes.use .more:before.marker:before {
  content: 'm';
}
.phaseNotes.use .more:before.document:before {
  content: 'p';
}
.phaseNotes.use .more:before.factory:before {
  content: 'C';
}
.phaseNotes.use .more:before.menuLines:before {
  content: 'l';
}
.phaseNotes.use .more:hover {
  border-bottom: solid 1px #0095c5;
}
.phaseNotes.transport .phaseNotesTitle h2:before {
  content: 'V';
}
.phaseNotes.transport .more {
  color: #74b647;
  border-bottom: 1px solid rgba(116, 182, 71, 0.5);
  text-decoration: none;
  cursor: pointer;
}
.phaseNotes.transport .more:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  padding-right: 5px;
}
.phaseNotes.transport .more:before.iconMiddle {
  margin: 0 5px;
}
.phaseNotes.transport .more:before.iconLeft {
  margin-right: 5px;
}
.phaseNotes.transport .more:before.iconRight {
  margin-left: 5px;
}
.phaseNotes.transport .more:before.user:before {
  content: 'u';
}
.phaseNotes.transport .more:before.arrowDown:before {
  content: 'v';
}
.phaseNotes.transport .more:before.arrowLeft:before {
  content: '<';
}
.phaseNotes.transport .more:before.arrowRight:before {
  content: '>';
}
.phaseNotes.transport .more:before.arrowUp:before {
  content: '^';
}
.phaseNotes.transport .more:before.cog:before {
  content: 'c';
}
.phaseNotes.transport .more:before.cogs:before {
  content: 't';
}
.phaseNotes.transport .more:before.filter:before {
  content: 'f';
}
.phaseNotes.transport .more:before.truck:before {
  content: 'v';
}
.phaseNotes.transport .more:before.email:before {
  content: 'e';
}
.phaseNotes.transport .more:before.group:before {
  content: 'g';
}
.phaseNotes.transport .more:before.check:before {
  content: '√';
}
.phaseNotes.transport .more:before.close:before {
  content: 'x';
}
.phaseNotes.transport .more:before.marker:before {
  content: 'm';
}
.phaseNotes.transport .more:before.document:before {
  content: 'p';
}
.phaseNotes.transport .more:before.factory:before {
  content: 'C';
}
.phaseNotes.transport .more:before.menuLines:before {
  content: 'l';
}
.phaseNotes.transport .more:hover {
  border-bottom: solid 1px #74b647;
}
.phaseNotes .noPhase {
  font-size: 1.2em;
  text-align: center;
}
/*table*/
.tabbedTable .tab {
  font-size: 1.1em;
}
table {
  border-top: solid 1.5px #DAD9D1;
  margin-bottom: 37.5px;
  border-spacing: 0;
  width: 100%;
}
table td,
table th {
  padding: 10px;
}
table .tableHeader {
  background: #EFEEE8;
}
table .tableHeader th {
  text-align: left;
}
table th {
  /* font-family:'Proxima Nova W01', Helvetica, Arial, sans-serif; */
  font-weight: 700;
}
table th.manufacture {
  color: #e83942;
}
table th.transport {
  color: #74b647;
}
table th.use {
  color: #0095c5;
}
table th.disposal {
  color: #ee722c;
}
table .tableTotal {
  background: rgba(239, 238, 232, 0.3);
  /* font-family:'Proxima Nova W01', Helvetica, Arial, sans-serif; */
  font-weight: 700;
}
table .tableTotal td {
  border: none;
}
table tr:nth-child(2) td {
  border: none;
}
table tr td {
  border-top: solid 1.5px #DAD9D1;
}
/*widths*/
.w5 {
  width: 5%;
}
.w10 {
  width: 10%;
}
.w15 {
  width: 15%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
}
/* next/prev navigation tabs*/
.phase-navigation .next {
  float: right;
}
/*key*/
.key {
  font-size: 0.9em;
}
.key .dataColour {
  height: 10px;
  width: 10px;
}
.key li {
  position: relative;
  margin-left: 0!important;
  margin-bottom: 15px;
}
.key li .totals {
  /* font-family:'Proxima Nova W01', Helvetica, Arial, sans-serif; */
  font-weight: 700 !important;
  position: absolute;
  right: 10px;
}
.key li.tab {
  cursor: default;
}
.key.tabInline li {
  margin-right: 15px !important;
}
/*submit*/
.submit {
  background: #EFEEE8;
  padding: 10px;
  text-decoration: none;
  color: #DAD9D1 !important;
}
.submit.selected {
  background: #585857;
}
/*leave*/
.leave {
  background: #EFEEE8 !important;
  color: #DAD9D1 !important;
}
.leave.selected {
  background: #585857 !important;
  color: #ffffff !important;
}
/*form elements*/
form {
  margin-bottom: 15px;
}
form:after {
  content: ".";
  height: 0;
  clear: both;
  visibility: hidden;
  display: block;
}
input,
select {
  display: inline-block;
  margin: 10px;
  border: 1.5px #DAD9D1 solid;
  padding: 10px;
  background: #EFEEE9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  outline: none;
  vertical-align: middle;
  font-family: 'Proxima Nova W01', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 0.95em;
}
input:focus,
select:focus {
  border: 1.5px #585857 solid;
}
input[type="text"],
select[type="text"] {
  width: 60%;
}
select {
  width: 60%;
}
label {
  width: 30%;
  vertical-align: middle;
  display: inline-block;
  /* margin-bottom: @margin; */
}
.textarea {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 15px;
  width: 100%;
}
.textarea .editable {
  border: 1.5px #EFEEE9 solid;
  padding: 10px;
  background: #EFEEE9;
  min-height: 50px;
  display: block;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  outline: none;
  line-height: 2em;
}
.textarea .editable:focus {
  border: 1.5px #DAD9D1 solid;
}
.textarea .editable span {
  display: inline-block;
  margin-right: 5px;
}
.textarea .editable .ok {
  background: #74b647;
  padding: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#password {
  max-width: 600px;
}
#password label {
  width: 200px;
}
#password input {
  width: 300px;
}
#password .validation-advice {
  margin-left: 210px;
  display: inline-block;
  max-width: -moz-max-content;
  max-width: -webkit-max-content;
  max-width: max-content;
}
/* app components */
.error,
.warning,
.info,
.success,
.validation-advice {
  background: #e83942;
  color: #ffffff;
  padding: 10px 25px 10px 55px;
  text-shadow: 1px 1px 3px #585857;
  position: relative;
  line-height: 1.6em;
}
.error:not(.notification):before,
.warning:not(.notification):before,
.info:not(.notification):before,
.success:not(.notification):before,
.validation-advice:not(.notification):before {
  content: 'w';
  font-family: 'icons';
  /* margin-right:@margin/2; */
  font-size: 1.5em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  position: absolute;
  top: 10px;
  left: 25px;
}
.error:not(.notification):before.iconMiddle,
.warning:not(.notification):before.iconMiddle,
.info:not(.notification):before.iconMiddle,
.success:not(.notification):before.iconMiddle,
.validation-advice:not(.notification):before.iconMiddle {
  margin: 0 5px;
}
.error:not(.notification):before.iconLeft,
.warning:not(.notification):before.iconLeft,
.info:not(.notification):before.iconLeft,
.success:not(.notification):before.iconLeft,
.validation-advice:not(.notification):before.iconLeft {
  margin-right: 5px;
}
.error:not(.notification):before.iconRight,
.warning:not(.notification):before.iconRight,
.info:not(.notification):before.iconRight,
.success:not(.notification):before.iconRight,
.validation-advice:not(.notification):before.iconRight {
  margin-left: 5px;
}
.error:not(.notification):before.user:before,
.warning:not(.notification):before.user:before,
.info:not(.notification):before.user:before,
.success:not(.notification):before.user:before,
.validation-advice:not(.notification):before.user:before {
  content: 'u';
}
.error:not(.notification):before.arrowDown:before,
.warning:not(.notification):before.arrowDown:before,
.info:not(.notification):before.arrowDown:before,
.success:not(.notification):before.arrowDown:before,
.validation-advice:not(.notification):before.arrowDown:before {
  content: 'v';
}
.error:not(.notification):before.arrowLeft:before,
.warning:not(.notification):before.arrowLeft:before,
.info:not(.notification):before.arrowLeft:before,
.success:not(.notification):before.arrowLeft:before,
.validation-advice:not(.notification):before.arrowLeft:before {
  content: '<';
}
.error:not(.notification):before.arrowRight:before,
.warning:not(.notification):before.arrowRight:before,
.info:not(.notification):before.arrowRight:before,
.success:not(.notification):before.arrowRight:before,
.validation-advice:not(.notification):before.arrowRight:before {
  content: '>';
}
.error:not(.notification):before.arrowUp:before,
.warning:not(.notification):before.arrowUp:before,
.info:not(.notification):before.arrowUp:before,
.success:not(.notification):before.arrowUp:before,
.validation-advice:not(.notification):before.arrowUp:before {
  content: '^';
}
.error:not(.notification):before.cog:before,
.warning:not(.notification):before.cog:before,
.info:not(.notification):before.cog:before,
.success:not(.notification):before.cog:before,
.validation-advice:not(.notification):before.cog:before {
  content: 'c';
}
.error:not(.notification):before.cogs:before,
.warning:not(.notification):before.cogs:before,
.info:not(.notification):before.cogs:before,
.success:not(.notification):before.cogs:before,
.validation-advice:not(.notification):before.cogs:before {
  content: 't';
}
.error:not(.notification):before.filter:before,
.warning:not(.notification):before.filter:before,
.info:not(.notification):before.filter:before,
.success:not(.notification):before.filter:before,
.validation-advice:not(.notification):before.filter:before {
  content: 'f';
}
.error:not(.notification):before.truck:before,
.warning:not(.notification):before.truck:before,
.info:not(.notification):before.truck:before,
.success:not(.notification):before.truck:before,
.validation-advice:not(.notification):before.truck:before {
  content: 'v';
}
.error:not(.notification):before.email:before,
.warning:not(.notification):before.email:before,
.info:not(.notification):before.email:before,
.success:not(.notification):before.email:before,
.validation-advice:not(.notification):before.email:before {
  content: 'e';
}
.error:not(.notification):before.group:before,
.warning:not(.notification):before.group:before,
.info:not(.notification):before.group:before,
.success:not(.notification):before.group:before,
.validation-advice:not(.notification):before.group:before {
  content: 'g';
}
.error:not(.notification):before.check:before,
.warning:not(.notification):before.check:before,
.info:not(.notification):before.check:before,
.success:not(.notification):before.check:before,
.validation-advice:not(.notification):before.check:before {
  content: '√';
}
.error:not(.notification):before.close:before,
.warning:not(.notification):before.close:before,
.info:not(.notification):before.close:before,
.success:not(.notification):before.close:before,
.validation-advice:not(.notification):before.close:before {
  content: 'x';
}
.error:not(.notification):before.marker:before,
.warning:not(.notification):before.marker:before,
.info:not(.notification):before.marker:before,
.success:not(.notification):before.marker:before,
.validation-advice:not(.notification):before.marker:before {
  content: 'm';
}
.error:not(.notification):before.document:before,
.warning:not(.notification):before.document:before,
.info:not(.notification):before.document:before,
.success:not(.notification):before.document:before,
.validation-advice:not(.notification):before.document:before {
  content: 'p';
}
.error:not(.notification):before.factory:before,
.warning:not(.notification):before.factory:before,
.info:not(.notification):before.factory:before,
.success:not(.notification):before.factory:before,
.validation-advice:not(.notification):before.factory:before {
  content: 'C';
}
.error:not(.notification):before.menuLines:before,
.warning:not(.notification):before.menuLines:before,
.info:not(.notification):before.menuLines:before,
.success:not(.notification):before.menuLines:before,
.validation-advice:not(.notification):before.menuLines:before {
  content: 'l';
}
.error ul,
.warning ul,
.info ul,
.success ul,
.validation-advice ul {
  margin-bottom: 0;
  margin-top: 10px;
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  column-gap: 10px;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
}
.error ul li,
.warning ul li,
.info ul li,
.success ul li,
.validation-advice ul li {
  padding-bottom: 10px;
  margin-right: 10px;
  display: inline-block;
  min-width: 33%;
}
.warning,
.validation-advice {
  background: #ee722c;
}
.warning:before,
.validation-advice:before {
  content: 'w' !important;
}
.info {
  background: #0095c5;
}
.info:before {
  content: 'i' !important;
}
.success {
  background: #74b647;
}
.success:before {
  content: '√' !important;
}
.busy {
  background: url(/images/spinner.gif) no-repeat center #ffffff;
  height: 40px;
  width: 40px;
  z-index: 11000;
  position: absolute;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
#content {
  background: #ffffff;
  min-height: 400px;
}
.chart {
  display: block;
  width: 100%;
  max-width: 1000px;
  height: 100%;
}
.chartWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: top;
  -moz-box-align: top;
  -webkit-align-items: top;
  -ms-flex-align: top;
  align-items: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* comparison div */
}
.chartWrapper .stats {
  width: 300px;
  min-height: 400px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.chart-results-summary,
.chart-compare-summary {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.chart-results-summary .chart,
.chart-compare-summary .chart {
  height: 400px;
}
.compareSignificant .chart {
  width: 100%;
  height: 180px;
}
.compareSignificant .impact-label {
  text-align: center;
}
.compareBreakdown td:not(:first-child):not(:last-child),
.compareBreakdown th:not(:first-child):not(:last-child) {
  text-align: center;
}
.compareBreakdown .compareSignificant td {
  vertical-align: top;
}
.chart-results-radar,
.chart-compare-radar {
  width: 500px;
  /* height: 400px; */
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.chart-results-radar .chart,
.chart-compare-radar .chart {
  height: 400px;
}
.link {
  color: #0095c5;
  text-decoration: none;
}
.link:hover {
  text-decoration: underline;
}
/* chart only page for screenshot */
.chartpage {
  background: #ffffff;
}
.chartonly {
  width: 450px;
  height: 250px;
  background: #ffffff;
}
.chartonly .chart {
  height: 250px;
  width: 250px;
  display: inline-block;
  vertical-align: middle;
}
.chartonly ul {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}
.resultCharts,
.compareCharts {
  position: relative;
  margin-bottom: 37.5px;
}
.resultCharts .key,
.compareCharts .key {
  /*
&.tabInline{
			margin-bottom: @largeSpacing!important;
		}
*/
}
.compareCharts .comparison {
  display: block;
  margin-left: 0!important;
}
.impactCharts {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 37.5px;
}
.impactCharts .impactBar {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  height: 320px;
}
.impactCharts .impactPhase {
  width: 320px;
  height: 320px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  padding-right: 37.5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.impactCharts .impactKey .key {
  width: 240px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.impactDetail {
  width: 25%;
  display: table-cell;
}
.impactDetail canvas {
  height: 200px;
  width: 200px;
  margin-bottom: 10px;
}
/*total lca*/
.totalLCA,
.comparison {
  display: inline-block;
  vertical-align: top;
}
.totalLCA .total,
.comparison .total {
  font-size: 3.5em;
  line-height: 1em;
  margin-bottom: 0;
  /* font-family:'Proxima Nova W01', Helvetica, Arial, sans-serif; */
  font-weight: 700;
}
.stats-only {
  margin-bottom: 30px;
}
.stats-only .stats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.stats-only .totalLCA,
.stats-only .comparison {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.stats-only .totalLCA img,
.stats-only .comparison img {
  float: left;
  max-height: 7em;
}
.stats-only .comparison {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-left: 40px;
}
.normal-user-total,
.normal-user-comparison {
  display: block;
  padding-right: 1em;
  min-width: 400px;
}
.normal-user-total .total,
.normal-user-comparison .total {
  font-size: 3.5em;
  line-height: 1em;
  margin-bottom: 0;
  /* font-family:'Proxima Nova W01', Helvetica, Arial, sans-serif; */
  font-weight: 700;
}
.checkbox {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #EFEEE9;
  border: 1px solid #585857;
  font-family: 'icons';
  /* margin-right:@margin/2; */
  font-size: 20px;
  cursor: pointer;
  font-size: 15px;
  padding: 3px 0 0 5px;
  color: #EFEEE9;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.checkbox.iconMiddle {
  margin: 0 5px;
}
.checkbox.iconLeft {
  margin-right: 5px;
}
.checkbox.iconRight {
  margin-left: 5px;
}
.checkbox.user:before {
  content: 'u';
}
.checkbox.arrowDown:before {
  content: 'v';
}
.checkbox.arrowLeft:before {
  content: '<';
}
.checkbox.arrowRight:before {
  content: '>';
}
.checkbox.arrowUp:before {
  content: '^';
}
.checkbox.cog:before {
  content: 'c';
}
.checkbox.cogs:before {
  content: 't';
}
.checkbox.filter:before {
  content: 'f';
}
.checkbox.truck:before {
  content: 'v';
}
.checkbox.email:before {
  content: 'e';
}
.checkbox.group:before {
  content: 'g';
}
.checkbox.check:before {
  content: '√';
}
.checkbox.close:before {
  content: 'x';
}
.checkbox.marker:before {
  content: 'm';
}
.checkbox.document:before {
  content: 'p';
}
.checkbox.factory:before {
  content: 'C';
}
.checkbox.menuLines:before {
  content: 'l';
}
.checkbox:before {
  content: '√';
  display: block;
  padding-left: 2px;
}
.checkbox.selected {
  /* background: @darkGrey; */
  color: #585857;
}
.disabled {
  opacity: 0.3;
  cursor: default;
}
/* context menu */
.context-menu {
  color: #EFEEE9;
  position: absolute;
  display: inline-block;
  width: 150px;
  margin-left: -117px;
  cursor: default;
  margin-bottom: 0;
  background: #585857;
}
.context-menu.context-menu-left {
  margin-left: 0;
}
.context-menu.context-menu-left:before {
  right: auto;
  left: 10px;
}
.context-menu.context-menu-right {
  right: 0;
  left: auto;
}
.context-menu.context-menu-right:before {
  right: 10px;
  left: auto;
}
.context-menu.context-menu-bottom {
  bottom: 0;
  top: auto;
}
.context-menu li {
  padding: 10px;
  background: #585857;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  text-align: left;
}
.context-menu li[data-request]:hover,
.context-menu li[href]:hover {
  cursor: pointer;
  background: #727270;
}
.context-menu li a {
  color: #ffffff;
  padding: 0;
}
.context-menu:before {
  width: 10px;
  height: 10px;
  background: #585857;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  content: ' ';
  position: absolute;
  display: block;
  top: -3px;
  right: 10px;
  z-index: 0;
}
.context-menu.filter {
  width: 150px;
  margin-left: 0;
  right: 0;
}
.context-menu.filter:before {
  right: 0;
  left: 130px;
}
.context-menu.user {
  /* margin-left:-(@margin + @largeIcon/2); */
  margin-left: 0;
  right: 25px;
  width: 150px;
}
.context-target {
  background: #EFEEE9;
  padding: 10px;
  display: inline-block;
  cursor: pointer;
}
.context-target:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
  content: 'c';
}
.context-target:before.iconMiddle {
  margin: 0 5px;
}
.context-target:before.iconLeft {
  margin-right: 5px;
}
.context-target:before.iconRight {
  margin-left: 5px;
}
.context-target:before.user:before {
  content: 'u';
}
.context-target:before.arrowDown:before {
  content: 'v';
}
.context-target:before.arrowLeft:before {
  content: '<';
}
.context-target:before.arrowRight:before {
  content: '>';
}
.context-target:before.arrowUp:before {
  content: '^';
}
.context-target:before.cog:before {
  content: 'c';
}
.context-target:before.cogs:before {
  content: 't';
}
.context-target:before.filter:before {
  content: 'f';
}
.context-target:before.truck:before {
  content: 'v';
}
.context-target:before.email:before {
  content: 'e';
}
.context-target:before.group:before {
  content: 'g';
}
.context-target:before.check:before {
  content: '√';
}
.context-target:before.close:before {
  content: 'x';
}
.context-target:before.marker:before {
  content: 'm';
}
.context-target:before.document:before {
  content: 'p';
}
.context-target:before.factory:before {
  content: 'C';
}
.context-target:before.menuLines:before {
  content: 'l';
}
.context-target.filter {
  width: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 	margin-right: @margin; */
  position: relative;
}
.context-target.filter:before {
  content: 'f';
  padding-right: 5px;
}
.context-target.filter:after {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
  content: 'v';
  position: absolute;
  right: 10px;
}
.context-target.filter:after.iconMiddle {
  margin: 0 5px;
}
.context-target.filter:after.iconLeft {
  margin-right: 5px;
}
.context-target.filter:after.iconRight {
  margin-left: 5px;
}
.context-target.filter:after.user:before {
  content: 'u';
}
.context-target.filter:after.arrowDown:before {
  content: 'v';
}
.context-target.filter:after.arrowLeft:before {
  content: '<';
}
.context-target.filter:after.arrowRight:before {
  content: '>';
}
.context-target.filter:after.arrowUp:before {
  content: '^';
}
.context-target.filter:after.cog:before {
  content: 'c';
}
.context-target.filter:after.cogs:before {
  content: 't';
}
.context-target.filter:after.filter:before {
  content: 'f';
}
.context-target.filter:after.truck:before {
  content: 'v';
}
.context-target.filter:after.email:before {
  content: 'e';
}
.context-target.filter:after.group:before {
  content: 'g';
}
.context-target.filter:after.check:before {
  content: '√';
}
.context-target.filter:after.close:before {
  content: 'x';
}
.context-target.filter:after.marker:before {
  content: 'm';
}
.context-target.filter:after.document:before {
  content: 'p';
}
.context-target.filter:after.factory:before {
  content: 'C';
}
.context-target.filter:after.menuLines:before {
  content: 'l';
}
.context-target.user {
  background: none;
  padding-right: 0;
  text-align: right;
}
.context-target.user:before {
  content: 'u';
  padding-right: 5px;
}
.context-target.user:after {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
  content: 'v';
  padding-left: 5.55555556px;
}
.context-target.user:after.iconMiddle {
  margin: 0 5px;
}
.context-target.user:after.iconLeft {
  margin-right: 5px;
}
.context-target.user:after.iconRight {
  margin-left: 5px;
}
.context-target.user:after.user:before {
  content: 'u';
}
.context-target.user:after.arrowDown:before {
  content: 'v';
}
.context-target.user:after.arrowLeft:before {
  content: '<';
}
.context-target.user:after.arrowRight:before {
  content: '>';
}
.context-target.user:after.arrowUp:before {
  content: '^';
}
.context-target.user:after.cog:before {
  content: 'c';
}
.context-target.user:after.cogs:before {
  content: 't';
}
.context-target.user:after.filter:before {
  content: 'f';
}
.context-target.user:after.truck:before {
  content: 'v';
}
.context-target.user:after.email:before {
  content: 'e';
}
.context-target.user:after.group:before {
  content: 'g';
}
.context-target.user:after.check:before {
  content: '√';
}
.context-target.user:after.close:before {
  content: 'x';
}
.context-target.user:after.marker:before {
  content: 'm';
}
.context-target.user:after.document:before {
  content: 'p';
}
.context-target.user:after.factory:before {
  content: 'C';
}
.context-target.user:after.menuLines:before {
  content: 'l';
}
/* dialog box */
#mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10001;
  background: rgba(88, 88, 87, 0.8);
  overflow: hidden;
}
#dialog {
  margin: 0 auto;
  background: #ffffff;
  width: 420px;
  padding: 25px 20px;
}
#dialog .control,
#dialog .cancel {
  margin-right: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background: #EFEEE9;
  text-decoration: none;
  display: inline-block;
  color: #585857;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  cursor: pointer;
  text-shadow: none;
  border-bottom: 3px solid #c4c0ae;
  padding-bottom: 7px !important;
}
#dialog .control.selected,
#dialog .cancel.selected {
  background: #DAD9D1;
}
#dialog .control:hover,
#dialog .cancel:hover {
  background: #DAD9D1;
}
#dialog .control:hover,
#dialog .cancel:hover {
  background: #DAD9D1;
}
#dialog .control.tab,
#dialog .cancel.tab {
  border: none;
  padding-bottom: 10px !important;
}
#dialog .control.create,
#dialog .cancel.create {
  margin-bottom: 0;
}
#dialog .control.create:before,
#dialog .cancel.create:before,
#dialog .control.create:after,
#dialog .cancel.create:after {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
}
#dialog .control.create:before.iconMiddle,
#dialog .cancel.create:before.iconMiddle,
#dialog .control.create:after.iconMiddle,
#dialog .cancel.create:after.iconMiddle {
  margin: 0 5px;
}
#dialog .control.create:before.iconLeft,
#dialog .cancel.create:before.iconLeft,
#dialog .control.create:after.iconLeft,
#dialog .cancel.create:after.iconLeft {
  margin-right: 5px;
}
#dialog .control.create:before.iconRight,
#dialog .cancel.create:before.iconRight,
#dialog .control.create:after.iconRight,
#dialog .cancel.create:after.iconRight {
  margin-left: 5px;
}
#dialog .control.create:before.user:before,
#dialog .cancel.create:before.user:before,
#dialog .control.create:after.user:before,
#dialog .cancel.create:after.user:before {
  content: 'u';
}
#dialog .control.create:before.arrowDown:before,
#dialog .cancel.create:before.arrowDown:before,
#dialog .control.create:after.arrowDown:before,
#dialog .cancel.create:after.arrowDown:before {
  content: 'v';
}
#dialog .control.create:before.arrowLeft:before,
#dialog .cancel.create:before.arrowLeft:before,
#dialog .control.create:after.arrowLeft:before,
#dialog .cancel.create:after.arrowLeft:before {
  content: '<';
}
#dialog .control.create:before.arrowRight:before,
#dialog .cancel.create:before.arrowRight:before,
#dialog .control.create:after.arrowRight:before,
#dialog .cancel.create:after.arrowRight:before {
  content: '>';
}
#dialog .control.create:before.arrowUp:before,
#dialog .cancel.create:before.arrowUp:before,
#dialog .control.create:after.arrowUp:before,
#dialog .cancel.create:after.arrowUp:before {
  content: '^';
}
#dialog .control.create:before.cog:before,
#dialog .cancel.create:before.cog:before,
#dialog .control.create:after.cog:before,
#dialog .cancel.create:after.cog:before {
  content: 'c';
}
#dialog .control.create:before.cogs:before,
#dialog .cancel.create:before.cogs:before,
#dialog .control.create:after.cogs:before,
#dialog .cancel.create:after.cogs:before {
  content: 't';
}
#dialog .control.create:before.filter:before,
#dialog .cancel.create:before.filter:before,
#dialog .control.create:after.filter:before,
#dialog .cancel.create:after.filter:before {
  content: 'f';
}
#dialog .control.create:before.truck:before,
#dialog .cancel.create:before.truck:before,
#dialog .control.create:after.truck:before,
#dialog .cancel.create:after.truck:before {
  content: 'v';
}
#dialog .control.create:before.email:before,
#dialog .cancel.create:before.email:before,
#dialog .control.create:after.email:before,
#dialog .cancel.create:after.email:before {
  content: 'e';
}
#dialog .control.create:before.group:before,
#dialog .cancel.create:before.group:before,
#dialog .control.create:after.group:before,
#dialog .cancel.create:after.group:before {
  content: 'g';
}
#dialog .control.create:before.check:before,
#dialog .cancel.create:before.check:before,
#dialog .control.create:after.check:before,
#dialog .cancel.create:after.check:before {
  content: '√';
}
#dialog .control.create:before.close:before,
#dialog .cancel.create:before.close:before,
#dialog .control.create:after.close:before,
#dialog .cancel.create:after.close:before {
  content: 'x';
}
#dialog .control.create:before.marker:before,
#dialog .cancel.create:before.marker:before,
#dialog .control.create:after.marker:before,
#dialog .cancel.create:after.marker:before {
  content: 'm';
}
#dialog .control.create:before.document:before,
#dialog .cancel.create:before.document:before,
#dialog .control.create:after.document:before,
#dialog .cancel.create:after.document:before {
  content: 'p';
}
#dialog .control.create:before.factory:before,
#dialog .cancel.create:before.factory:before,
#dialog .control.create:after.factory:before,
#dialog .cancel.create:after.factory:before {
  content: 'C';
}
#dialog .control.create:before.menuLines:before,
#dialog .cancel.create:before.menuLines:before,
#dialog .control.create:after.menuLines:before,
#dialog .cancel.create:after.menuLines:before {
  content: 'l';
}
#dialog .control.create:before,
#dialog .cancel.create:before {
  content: 'p';
  padding-right: 5px;
}
#dialog .control.create:after,
#dialog .cancel.create:after {
  content: '>';
  padding-left: 10px;
}
#dialog .control.next:after,
#dialog .cancel.next:after,
#dialog .control.share:after,
#dialog .cancel.share:after {
  content: '>';
  padding-left: 5px;
  font-family: 'icons';
  /* margin-right:@margin/2; */
}
#dialog .control.next:after.iconMiddle,
#dialog .cancel.next:after.iconMiddle,
#dialog .control.share:after.iconMiddle,
#dialog .cancel.share:after.iconMiddle {
  margin: 0 5px;
}
#dialog .control.next:after.iconLeft,
#dialog .cancel.next:after.iconLeft,
#dialog .control.share:after.iconLeft,
#dialog .cancel.share:after.iconLeft {
  margin-right: 5px;
}
#dialog .control.next:after.iconRight,
#dialog .cancel.next:after.iconRight,
#dialog .control.share:after.iconRight,
#dialog .cancel.share:after.iconRight {
  margin-left: 5px;
}
#dialog .control.next:after.user:before,
#dialog .cancel.next:after.user:before,
#dialog .control.share:after.user:before,
#dialog .cancel.share:after.user:before {
  content: 'u';
}
#dialog .control.next:after.arrowDown:before,
#dialog .cancel.next:after.arrowDown:before,
#dialog .control.share:after.arrowDown:before,
#dialog .cancel.share:after.arrowDown:before {
  content: 'v';
}
#dialog .control.next:after.arrowLeft:before,
#dialog .cancel.next:after.arrowLeft:before,
#dialog .control.share:after.arrowLeft:before,
#dialog .cancel.share:after.arrowLeft:before {
  content: '<';
}
#dialog .control.next:after.arrowRight:before,
#dialog .cancel.next:after.arrowRight:before,
#dialog .control.share:after.arrowRight:before,
#dialog .cancel.share:after.arrowRight:before {
  content: '>';
}
#dialog .control.next:after.arrowUp:before,
#dialog .cancel.next:after.arrowUp:before,
#dialog .control.share:after.arrowUp:before,
#dialog .cancel.share:after.arrowUp:before {
  content: '^';
}
#dialog .control.next:after.cog:before,
#dialog .cancel.next:after.cog:before,
#dialog .control.share:after.cog:before,
#dialog .cancel.share:after.cog:before {
  content: 'c';
}
#dialog .control.next:after.cogs:before,
#dialog .cancel.next:after.cogs:before,
#dialog .control.share:after.cogs:before,
#dialog .cancel.share:after.cogs:before {
  content: 't';
}
#dialog .control.next:after.filter:before,
#dialog .cancel.next:after.filter:before,
#dialog .control.share:after.filter:before,
#dialog .cancel.share:after.filter:before {
  content: 'f';
}
#dialog .control.next:after.truck:before,
#dialog .cancel.next:after.truck:before,
#dialog .control.share:after.truck:before,
#dialog .cancel.share:after.truck:before {
  content: 'v';
}
#dialog .control.next:after.email:before,
#dialog .cancel.next:after.email:before,
#dialog .control.share:after.email:before,
#dialog .cancel.share:after.email:before {
  content: 'e';
}
#dialog .control.next:after.group:before,
#dialog .cancel.next:after.group:before,
#dialog .control.share:after.group:before,
#dialog .cancel.share:after.group:before {
  content: 'g';
}
#dialog .control.next:after.check:before,
#dialog .cancel.next:after.check:before,
#dialog .control.share:after.check:before,
#dialog .cancel.share:after.check:before {
  content: '√';
}
#dialog .control.next:after.close:before,
#dialog .cancel.next:after.close:before,
#dialog .control.share:after.close:before,
#dialog .cancel.share:after.close:before {
  content: 'x';
}
#dialog .control.next:after.marker:before,
#dialog .cancel.next:after.marker:before,
#dialog .control.share:after.marker:before,
#dialog .cancel.share:after.marker:before {
  content: 'm';
}
#dialog .control.next:after.document:before,
#dialog .cancel.next:after.document:before,
#dialog .control.share:after.document:before,
#dialog .cancel.share:after.document:before {
  content: 'p';
}
#dialog .control.next:after.factory:before,
#dialog .cancel.next:after.factory:before,
#dialog .control.share:after.factory:before,
#dialog .cancel.share:after.factory:before {
  content: 'C';
}
#dialog .control.next:after.menuLines:before,
#dialog .cancel.next:after.menuLines:before,
#dialog .control.share:after.menuLines:before,
#dialog .cancel.share:after.menuLines:before {
  content: 'l';
}
#dialog .control.prev:before,
#dialog .cancel.prev:before {
  content: '<';
  padding-right: 5px;
  font-family: 'icons';
  /* margin-right:@margin/2; */
}
#dialog .control.prev:before.iconMiddle,
#dialog .cancel.prev:before.iconMiddle {
  margin: 0 5px;
}
#dialog .control.prev:before.iconLeft,
#dialog .cancel.prev:before.iconLeft {
  margin-right: 5px;
}
#dialog .control.prev:before.iconRight,
#dialog .cancel.prev:before.iconRight {
  margin-left: 5px;
}
#dialog .control.prev:before.user:before,
#dialog .cancel.prev:before.user:before {
  content: 'u';
}
#dialog .control.prev:before.arrowDown:before,
#dialog .cancel.prev:before.arrowDown:before {
  content: 'v';
}
#dialog .control.prev:before.arrowLeft:before,
#dialog .cancel.prev:before.arrowLeft:before {
  content: '<';
}
#dialog .control.prev:before.arrowRight:before,
#dialog .cancel.prev:before.arrowRight:before {
  content: '>';
}
#dialog .control.prev:before.arrowUp:before,
#dialog .cancel.prev:before.arrowUp:before {
  content: '^';
}
#dialog .control.prev:before.cog:before,
#dialog .cancel.prev:before.cog:before {
  content: 'c';
}
#dialog .control.prev:before.cogs:before,
#dialog .cancel.prev:before.cogs:before {
  content: 't';
}
#dialog .control.prev:before.filter:before,
#dialog .cancel.prev:before.filter:before {
  content: 'f';
}
#dialog .control.prev:before.truck:before,
#dialog .cancel.prev:before.truck:before {
  content: 'v';
}
#dialog .control.prev:before.email:before,
#dialog .cancel.prev:before.email:before {
  content: 'e';
}
#dialog .control.prev:before.group:before,
#dialog .cancel.prev:before.group:before {
  content: 'g';
}
#dialog .control.prev:before.check:before,
#dialog .cancel.prev:before.check:before {
  content: '√';
}
#dialog .control.prev:before.close:before,
#dialog .cancel.prev:before.close:before {
  content: 'x';
}
#dialog .control.prev:before.marker:before,
#dialog .cancel.prev:before.marker:before {
  content: 'm';
}
#dialog .control.prev:before.document:before,
#dialog .cancel.prev:before.document:before {
  content: 'p';
}
#dialog .control.prev:before.factory:before,
#dialog .cancel.prev:before.factory:before {
  content: 'C';
}
#dialog .control.prev:before.menuLines:before,
#dialog .cancel.prev:before.menuLines:before {
  content: 'l';
}
#dialog .control.exportPDF:before,
#dialog .cancel.exportPDF:before {
  content: 'P';
  padding-right: 5px;
  font-family: 'icons';
  /* margin-right:@margin/2; */
}
#dialog .control.exportPDF:before.iconMiddle,
#dialog .cancel.exportPDF:before.iconMiddle {
  margin: 0 5px;
}
#dialog .control.exportPDF:before.iconLeft,
#dialog .cancel.exportPDF:before.iconLeft {
  margin-right: 5px;
}
#dialog .control.exportPDF:before.iconRight,
#dialog .cancel.exportPDF:before.iconRight {
  margin-left: 5px;
}
#dialog .control.exportPDF:before.user:before,
#dialog .cancel.exportPDF:before.user:before {
  content: 'u';
}
#dialog .control.exportPDF:before.arrowDown:before,
#dialog .cancel.exportPDF:before.arrowDown:before {
  content: 'v';
}
#dialog .control.exportPDF:before.arrowLeft:before,
#dialog .cancel.exportPDF:before.arrowLeft:before {
  content: '<';
}
#dialog .control.exportPDF:before.arrowRight:before,
#dialog .cancel.exportPDF:before.arrowRight:before {
  content: '>';
}
#dialog .control.exportPDF:before.arrowUp:before,
#dialog .cancel.exportPDF:before.arrowUp:before {
  content: '^';
}
#dialog .control.exportPDF:before.cog:before,
#dialog .cancel.exportPDF:before.cog:before {
  content: 'c';
}
#dialog .control.exportPDF:before.cogs:before,
#dialog .cancel.exportPDF:before.cogs:before {
  content: 't';
}
#dialog .control.exportPDF:before.filter:before,
#dialog .cancel.exportPDF:before.filter:before {
  content: 'f';
}
#dialog .control.exportPDF:before.truck:before,
#dialog .cancel.exportPDF:before.truck:before {
  content: 'v';
}
#dialog .control.exportPDF:before.email:before,
#dialog .cancel.exportPDF:before.email:before {
  content: 'e';
}
#dialog .control.exportPDF:before.group:before,
#dialog .cancel.exportPDF:before.group:before {
  content: 'g';
}
#dialog .control.exportPDF:before.check:before,
#dialog .cancel.exportPDF:before.check:before {
  content: '√';
}
#dialog .control.exportPDF:before.close:before,
#dialog .cancel.exportPDF:before.close:before {
  content: 'x';
}
#dialog .control.exportPDF:before.marker:before,
#dialog .cancel.exportPDF:before.marker:before {
  content: 'm';
}
#dialog .control.exportPDF:before.document:before,
#dialog .cancel.exportPDF:before.document:before {
  content: 'p';
}
#dialog .control.exportPDF:before.factory:before,
#dialog .cancel.exportPDF:before.factory:before {
  content: 'C';
}
#dialog .control.exportPDF:before.menuLines:before,
#dialog .cancel.exportPDF:before.menuLines:before {
  content: 'l';
}
#dialog .control.exportXSL:before,
#dialog .cancel.exportXSL:before {
  content: 'X';
  padding-right: 5px;
  font-family: 'icons';
  /* margin-right:@margin/2; */
}
#dialog .control.exportXSL:before.iconMiddle,
#dialog .cancel.exportXSL:before.iconMiddle {
  margin: 0 5px;
}
#dialog .control.exportXSL:before.iconLeft,
#dialog .cancel.exportXSL:before.iconLeft {
  margin-right: 5px;
}
#dialog .control.exportXSL:before.iconRight,
#dialog .cancel.exportXSL:before.iconRight {
  margin-left: 5px;
}
#dialog .control.exportXSL:before.user:before,
#dialog .cancel.exportXSL:before.user:before {
  content: 'u';
}
#dialog .control.exportXSL:before.arrowDown:before,
#dialog .cancel.exportXSL:before.arrowDown:before {
  content: 'v';
}
#dialog .control.exportXSL:before.arrowLeft:before,
#dialog .cancel.exportXSL:before.arrowLeft:before {
  content: '<';
}
#dialog .control.exportXSL:before.arrowRight:before,
#dialog .cancel.exportXSL:before.arrowRight:before {
  content: '>';
}
#dialog .control.exportXSL:before.arrowUp:before,
#dialog .cancel.exportXSL:before.arrowUp:before {
  content: '^';
}
#dialog .control.exportXSL:before.cog:before,
#dialog .cancel.exportXSL:before.cog:before {
  content: 'c';
}
#dialog .control.exportXSL:before.cogs:before,
#dialog .cancel.exportXSL:before.cogs:before {
  content: 't';
}
#dialog .control.exportXSL:before.filter:before,
#dialog .cancel.exportXSL:before.filter:before {
  content: 'f';
}
#dialog .control.exportXSL:before.truck:before,
#dialog .cancel.exportXSL:before.truck:before {
  content: 'v';
}
#dialog .control.exportXSL:before.email:before,
#dialog .cancel.exportXSL:before.email:before {
  content: 'e';
}
#dialog .control.exportXSL:before.group:before,
#dialog .cancel.exportXSL:before.group:before {
  content: 'g';
}
#dialog .control.exportXSL:before.check:before,
#dialog .cancel.exportXSL:before.check:before {
  content: '√';
}
#dialog .control.exportXSL:before.close:before,
#dialog .cancel.exportXSL:before.close:before {
  content: 'x';
}
#dialog .control.exportXSL:before.marker:before,
#dialog .cancel.exportXSL:before.marker:before {
  content: 'm';
}
#dialog .control.exportXSL:before.document:before,
#dialog .cancel.exportXSL:before.document:before {
  content: 'p';
}
#dialog .control.exportXSL:before.factory:before,
#dialog .cancel.exportXSL:before.factory:before {
  content: 'C';
}
#dialog .control.exportXSL:before.menuLines:before,
#dialog .cancel.exportXSL:before.menuLines:before {
  content: 'l';
}
#dialog .control.check,
#dialog .cancel.check {
  margin-bottom: 0;
}
#dialog .control.check:before,
#dialog .cancel.check:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
  content: '√';
  padding-right: 5px;
}
#dialog .control.check:before.iconMiddle,
#dialog .cancel.check:before.iconMiddle {
  margin: 0 5px;
}
#dialog .control.check:before.iconLeft,
#dialog .cancel.check:before.iconLeft {
  margin-right: 5px;
}
#dialog .control.check:before.iconRight,
#dialog .cancel.check:before.iconRight {
  margin-left: 5px;
}
#dialog .control.check:before.user:before,
#dialog .cancel.check:before.user:before {
  content: 'u';
}
#dialog .control.check:before.arrowDown:before,
#dialog .cancel.check:before.arrowDown:before {
  content: 'v';
}
#dialog .control.check:before.arrowLeft:before,
#dialog .cancel.check:before.arrowLeft:before {
  content: '<';
}
#dialog .control.check:before.arrowRight:before,
#dialog .cancel.check:before.arrowRight:before {
  content: '>';
}
#dialog .control.check:before.arrowUp:before,
#dialog .cancel.check:before.arrowUp:before {
  content: '^';
}
#dialog .control.check:before.cog:before,
#dialog .cancel.check:before.cog:before {
  content: 'c';
}
#dialog .control.check:before.cogs:before,
#dialog .cancel.check:before.cogs:before {
  content: 't';
}
#dialog .control.check:before.filter:before,
#dialog .cancel.check:before.filter:before {
  content: 'f';
}
#dialog .control.check:before.truck:before,
#dialog .cancel.check:before.truck:before {
  content: 'v';
}
#dialog .control.check:before.email:before,
#dialog .cancel.check:before.email:before {
  content: 'e';
}
#dialog .control.check:before.group:before,
#dialog .cancel.check:before.group:before {
  content: 'g';
}
#dialog .control.check:before.check:before,
#dialog .cancel.check:before.check:before {
  content: '√';
}
#dialog .control.check:before.close:before,
#dialog .cancel.check:before.close:before {
  content: 'x';
}
#dialog .control.check:before.marker:before,
#dialog .cancel.check:before.marker:before {
  content: 'm';
}
#dialog .control.check:before.document:before,
#dialog .cancel.check:before.document:before {
  content: 'p';
}
#dialog .control.check:before.factory:before,
#dialog .cancel.check:before.factory:before {
  content: 'C';
}
#dialog .control.check:before.menuLines:before,
#dialog .cancel.check:before.menuLines:before {
  content: 'l';
}
#dialog .control.compare,
#dialog .cancel.compare {
  margin-bottom: 0;
}
#dialog .control.compare:before,
#dialog .cancel.compare:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
  content: '+';
  padding-right: 5px;
}
#dialog .control.compare:before.iconMiddle,
#dialog .cancel.compare:before.iconMiddle {
  margin: 0 5px;
}
#dialog .control.compare:before.iconLeft,
#dialog .cancel.compare:before.iconLeft {
  margin-right: 5px;
}
#dialog .control.compare:before.iconRight,
#dialog .cancel.compare:before.iconRight {
  margin-left: 5px;
}
#dialog .control.compare:before.user:before,
#dialog .cancel.compare:before.user:before {
  content: 'u';
}
#dialog .control.compare:before.arrowDown:before,
#dialog .cancel.compare:before.arrowDown:before {
  content: 'v';
}
#dialog .control.compare:before.arrowLeft:before,
#dialog .cancel.compare:before.arrowLeft:before {
  content: '<';
}
#dialog .control.compare:before.arrowRight:before,
#dialog .cancel.compare:before.arrowRight:before {
  content: '>';
}
#dialog .control.compare:before.arrowUp:before,
#dialog .cancel.compare:before.arrowUp:before {
  content: '^';
}
#dialog .control.compare:before.cog:before,
#dialog .cancel.compare:before.cog:before {
  content: 'c';
}
#dialog .control.compare:before.cogs:before,
#dialog .cancel.compare:before.cogs:before {
  content: 't';
}
#dialog .control.compare:before.filter:before,
#dialog .cancel.compare:before.filter:before {
  content: 'f';
}
#dialog .control.compare:before.truck:before,
#dialog .cancel.compare:before.truck:before {
  content: 'v';
}
#dialog .control.compare:before.email:before,
#dialog .cancel.compare:before.email:before {
  content: 'e';
}
#dialog .control.compare:before.group:before,
#dialog .cancel.compare:before.group:before {
  content: 'g';
}
#dialog .control.compare:before.check:before,
#dialog .cancel.compare:before.check:before {
  content: '√';
}
#dialog .control.compare:before.close:before,
#dialog .cancel.compare:before.close:before {
  content: 'x';
}
#dialog .control.compare:before.marker:before,
#dialog .cancel.compare:before.marker:before {
  content: 'm';
}
#dialog .control.compare:before.document:before,
#dialog .cancel.compare:before.document:before {
  content: 'p';
}
#dialog .control.compare:before.factory:before,
#dialog .cancel.compare:before.factory:before {
  content: 'C';
}
#dialog .control.compare:before.menuLines:before,
#dialog .cancel.compare:before.menuLines:before {
  content: 'l';
}
/* side bar */
aside {
  width: 420px;
  background: #585857;
  height: 100%;
  position: fixed;
  left: -420px;
  top: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: #ffffff;
  padding: 0 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000;
  /*
overflow-y: auto;
	overflow-x: hidden;
*/
  overflow: hidden;
}
aside .menu {
  width: 420px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -15px;
  display: block;
  text-align: right;
  padding: 25px 15px 10px;
  margin-bottom: 25px;
  background: #727270;
  /*
position: fixed;
		top:0;
*/
  /* z-index: 10001; */
}
aside .menu:hover {
  cursor: pointer;
}
aside .menu:after {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
  content: 'l';
  display: inline-block;
  height: 15px;
  width: 15px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
aside .menu:after.iconMiddle {
  margin: 0 5px;
}
aside .menu:after.iconLeft {
  margin-right: 5px;
}
aside .menu:after.iconRight {
  margin-left: 5px;
}
aside .menu:after.user:before {
  content: 'u';
}
aside .menu:after.arrowDown:before {
  content: 'v';
}
aside .menu:after.arrowLeft:before {
  content: '<';
}
aside .menu:after.arrowRight:before {
  content: '>';
}
aside .menu:after.arrowUp:before {
  content: '^';
}
aside .menu:after.cog:before {
  content: 'c';
}
aside .menu:after.cogs:before {
  content: 't';
}
aside .menu:after.filter:before {
  content: 'f';
}
aside .menu:after.truck:before {
  content: 'v';
}
aside .menu:after.email:before {
  content: 'e';
}
aside .menu:after.group:before {
  content: 'g';
}
aside .menu:after.check:before {
  content: '√';
}
aside .menu:after.close:before {
  content: 'x';
}
aside .menu:after.marker:before {
  content: 'm';
}
aside .menu:after.document:before {
  content: 'p';
}
aside .menu:after.factory:before {
  content: 'C';
}
aside .menu:after.menuLines:before {
  content: 'l';
}
aside .sidebar-lcas {
  margin: 30px 0;
}
aside .sidebar-lcas li {
  margin-bottom: 10px;
  padding: 5px 30px 5px 5px;
  position: relative;
}
aside .sidebar-lcas li:after {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
  content: 'x';
  position: absolute;
  right: 10px;
  top: 6px;
}
aside .sidebar-lcas li:after.iconMiddle {
  margin: 0 5px;
}
aside .sidebar-lcas li:after.iconLeft {
  margin-right: 5px;
}
aside .sidebar-lcas li:after.iconRight {
  margin-left: 5px;
}
aside .sidebar-lcas li:after.user:before {
  content: 'u';
}
aside .sidebar-lcas li:after.arrowDown:before {
  content: 'v';
}
aside .sidebar-lcas li:after.arrowLeft:before {
  content: '<';
}
aside .sidebar-lcas li:after.arrowRight:before {
  content: '>';
}
aside .sidebar-lcas li:after.arrowUp:before {
  content: '^';
}
aside .sidebar-lcas li:after.cog:before {
  content: 'c';
}
aside .sidebar-lcas li:after.cogs:before {
  content: 't';
}
aside .sidebar-lcas li:after.filter:before {
  content: 'f';
}
aside .sidebar-lcas li:after.truck:before {
  content: 'v';
}
aside .sidebar-lcas li:after.email:before {
  content: 'e';
}
aside .sidebar-lcas li:after.group:before {
  content: 'g';
}
aside .sidebar-lcas li:after.check:before {
  content: '√';
}
aside .sidebar-lcas li:after.close:before {
  content: 'x';
}
aside .sidebar-lcas li:after.marker:before {
  content: 'm';
}
aside .sidebar-lcas li:after.document:before {
  content: 'p';
}
aside .sidebar-lcas li:after.factory:before {
  content: 'C';
}
aside .sidebar-lcas li:after.menuLines:before {
  content: 'l';
}
aside .sidebar-lcas li:hover {
  background: #727270;
  cursor: pointer;
}
aside .tabInline li {
  cursor: pointer;
}
aside .tabInline li a {
  width: 127.33333333px;
  position: relative;
}
aside .tabInline li a:after {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
  position: absolute;
  right: 10px;
}
aside .tabInline li a:after.iconMiddle {
  margin: 0 5px;
}
aside .tabInline li a:after.iconLeft {
  margin-right: 5px;
}
aside .tabInline li a:after.iconRight {
  margin-left: 5px;
}
aside .tabInline li a:after.user:before {
  content: 'u';
}
aside .tabInline li a:after.arrowDown:before {
  content: 'v';
}
aside .tabInline li a:after.arrowLeft:before {
  content: '<';
}
aside .tabInline li a:after.arrowRight:before {
  content: '>';
}
aside .tabInline li a:after.arrowUp:before {
  content: '^';
}
aside .tabInline li a:after.cog:before {
  content: 'c';
}
aside .tabInline li a:after.cogs:before {
  content: 't';
}
aside .tabInline li a:after.filter:before {
  content: 'f';
}
aside .tabInline li a:after.truck:before {
  content: 'v';
}
aside .tabInline li a:after.email:before {
  content: 'e';
}
aside .tabInline li a:after.group:before {
  content: 'g';
}
aside .tabInline li a:after.check:before {
  content: '√';
}
aside .tabInline li a:after.close:before {
  content: 'x';
}
aside .tabInline li a:after.marker:before {
  content: 'm';
}
aside .tabInline li a:after.document:before {
  content: 'p';
}
aside .tabInline li a:after.factory:before {
  content: 'C';
}
aside .tabInline li a:after.menuLines:before {
  content: 'l';
}
aside .tabInline li a.share {
  background: #ffffff;
  padding: 15px 10px;
}
aside .tabInline li a.share:after {
  content: 'M';
}
aside .tabInline li a.compare:after {
  content: 'z';
}
aside .tabInline li a.delete:after {
  content: 'R';
}
aside form {
  color: #585857;
  background: #ffffff;
  padding: 10px;
  margin-left: -2px;
  width: 370px;
}
aside form h3 {
  margin-bottom: 10px;
}
aside form .groups {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 10px;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  margin-bottom: 15px;
}
aside form .groups li {
  position: relative;
  margin-bottom: 10px;
}
aside form .groups li .group {
  display: inline-block;
  width: 80%;
  vertical-align: top;
}
aside form .groups li .checkbox {
  vertical-align: top;
}
aside form .share {
  display: inline-block;
  float: right;
  margin-bottom: 10px;
}
aside .removeAll {
  color: #ffffff;
  text-decoration: none;
  position: absolute;
  right: 15px;
}
aside .removeAll:after {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
  content: 'x';
  margin-left: 10px;
}
aside .removeAll:after.iconMiddle {
  margin: 0 5px;
}
aside .removeAll:after.iconLeft {
  margin-right: 5px;
}
aside .removeAll:after.iconRight {
  margin-left: 5px;
}
aside .removeAll:after.user:before {
  content: 'u';
}
aside .removeAll:after.arrowDown:before {
  content: 'v';
}
aside .removeAll:after.arrowLeft:before {
  content: '<';
}
aside .removeAll:after.arrowRight:before {
  content: '>';
}
aside .removeAll:after.arrowUp:before {
  content: '^';
}
aside .removeAll:after.cog:before {
  content: 'c';
}
aside .removeAll:after.cogs:before {
  content: 't';
}
aside .removeAll:after.filter:before {
  content: 'f';
}
aside .removeAll:after.truck:before {
  content: 'v';
}
aside .removeAll:after.email:before {
  content: 'e';
}
aside .removeAll:after.group:before {
  content: 'g';
}
aside .removeAll:after.check:before {
  content: '√';
}
aside .removeAll:after.close:before {
  content: 'x';
}
aside .removeAll:after.marker:before {
  content: 'm';
}
aside .removeAll:after.document:before {
  content: 'p';
}
aside .removeAll:after.factory:before {
  content: 'C';
}
aside .removeAll:after.menuLines:before {
  content: 'l';
}
aside * {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
body {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.expanded {
  padding-left: 420px;
}
.expanded aside {
  left: 0;
}
.expanded .sticky {
  padding-left: 420px;
}
.stickyHeader {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.stickyHeader .key {
  margin-bottom: 20px !important;
}
.hidden {
  padding-left: 40px;
}
.hidden aside {
  left: -380px;
}
.hidden aside *:not(.menu) {
  opacity: 0;
}
.hidden aside .menu:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.hidden .sticky {
  padding-left: 40px;
}
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 25px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #EFEEE9;
  z-index: 9999;
}
.sticky .mylca-options {
  margin-bottom: 0;
  /* padding: 6px (@innerPadding+@menuPadding); */
}
.sticky .mylca-options .form {
  top: 6px;
}
.sticky .mylca-options .form.create {
  left: 25px;
}
.sticky .key {
  margin-left: 25px;
  margin-bottom: 0!important;
}
.hide {
  display: none!important;
}
a.email {
  color: #585857;
  border-bottom: 1px solid rgba(88, 88, 87, 0.5);
  text-decoration: none;
  cursor: pointer;
}
a.email:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  padding-right: 5px;
}
a.email:before.iconMiddle {
  margin: 0 5px;
}
a.email:before.iconLeft {
  margin-right: 5px;
}
a.email:before.iconRight {
  margin-left: 5px;
}
a.email:before.user:before {
  content: 'u';
}
a.email:before.arrowDown:before {
  content: 'v';
}
a.email:before.arrowLeft:before {
  content: '<';
}
a.email:before.arrowRight:before {
  content: '>';
}
a.email:before.arrowUp:before {
  content: '^';
}
a.email:before.cog:before {
  content: 'c';
}
a.email:before.cogs:before {
  content: 't';
}
a.email:before.filter:before {
  content: 'f';
}
a.email:before.truck:before {
  content: 'v';
}
a.email:before.email:before {
  content: 'e';
}
a.email:before.group:before {
  content: 'g';
}
a.email:before.check:before {
  content: '√';
}
a.email:before.close:before {
  content: 'x';
}
a.email:before.marker:before {
  content: 'm';
}
a.email:before.document:before {
  content: 'p';
}
a.email:before.factory:before {
  content: 'C';
}
a.email:before.menuLines:before {
  content: 'l';
}
a.email:hover {
  border-bottom: solid 1px #585857;
}
a.email:before {
  content: 'e';
}
.more {
  color: #585857;
  border-bottom: 1px solid rgba(88, 88, 87, 0.5);
  text-decoration: none;
  cursor: pointer;
}
.more:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  padding-right: 5px;
}
.more:before.iconMiddle {
  margin: 0 5px;
}
.more:before.iconLeft {
  margin-right: 5px;
}
.more:before.iconRight {
  margin-left: 5px;
}
.more:before.user:before {
  content: 'u';
}
.more:before.arrowDown:before {
  content: 'v';
}
.more:before.arrowLeft:before {
  content: '<';
}
.more:before.arrowRight:before {
  content: '>';
}
.more:before.arrowUp:before {
  content: '^';
}
.more:before.cog:before {
  content: 'c';
}
.more:before.cogs:before {
  content: 't';
}
.more:before.filter:before {
  content: 'f';
}
.more:before.truck:before {
  content: 'v';
}
.more:before.email:before {
  content: 'e';
}
.more:before.group:before {
  content: 'g';
}
.more:before.check:before {
  content: '√';
}
.more:before.close:before {
  content: 'x';
}
.more:before.marker:before {
  content: 'm';
}
.more:before.document:before {
  content: 'p';
}
.more:before.factory:before {
  content: 'C';
}
.more:before.menuLines:before {
  content: 'l';
}
.more:hover {
  border-bottom: solid 1px #585857;
}
.remove {
  color: #e83942;
  border-bottom: 1px solid rgba(232, 57, 66, 0.5);
  text-decoration: none;
  cursor: pointer;
}
.remove:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  padding-right: 5px;
}
.remove:before.iconMiddle {
  margin: 0 5px;
}
.remove:before.iconLeft {
  margin-right: 5px;
}
.remove:before.iconRight {
  margin-left: 5px;
}
.remove:before.user:before {
  content: 'u';
}
.remove:before.arrowDown:before {
  content: 'v';
}
.remove:before.arrowLeft:before {
  content: '<';
}
.remove:before.arrowRight:before {
  content: '>';
}
.remove:before.arrowUp:before {
  content: '^';
}
.remove:before.cog:before {
  content: 'c';
}
.remove:before.cogs:before {
  content: 't';
}
.remove:before.filter:before {
  content: 'f';
}
.remove:before.truck:before {
  content: 'v';
}
.remove:before.email:before {
  content: 'e';
}
.remove:before.group:before {
  content: 'g';
}
.remove:before.check:before {
  content: '√';
}
.remove:before.close:before {
  content: 'x';
}
.remove:before.marker:before {
  content: 'm';
}
.remove:before.document:before {
  content: 'p';
}
.remove:before.factory:before {
  content: 'C';
}
.remove:before.menuLines:before {
  content: 'l';
}
.remove:hover {
  border-bottom: solid 1px #e83942;
}
.remove:before {
  content: 'R';
}
.pending {
  padding: 10px 0;
}
.pending:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  content: 'O';
  margin-right: 5px;
}
.pending:before.iconMiddle {
  margin: 0 5px;
}
.pending:before.iconLeft {
  margin-right: 5px;
}
.pending:before.iconRight {
  margin-left: 5px;
}
.pending:before.user:before {
  content: 'u';
}
.pending:before.arrowDown:before {
  content: 'v';
}
.pending:before.arrowLeft:before {
  content: '<';
}
.pending:before.arrowRight:before {
  content: '>';
}
.pending:before.arrowUp:before {
  content: '^';
}
.pending:before.cog:before {
  content: 'c';
}
.pending:before.cogs:before {
  content: 't';
}
.pending:before.filter:before {
  content: 'f';
}
.pending:before.truck:before {
  content: 'v';
}
.pending:before.email:before {
  content: 'e';
}
.pending:before.group:before {
  content: 'g';
}
.pending:before.check:before {
  content: '√';
}
.pending:before.close:before {
  content: 'x';
}
.pending:before.marker:before {
  content: 'm';
}
.pending:before.document:before {
  content: 'p';
}
.pending:before.factory:before {
  content: 'C';
}
.pending:before.menuLines:before {
  content: 'l';
}
/* my lcas */
.my-lcas {
  font-size: 0;
}
.my-lcas:after {
  content: ".";
  height: 0;
  clear: both;
  visibility: hidden;
  display: block;
}
.my-lcas .lca {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  width: 20%;
  box-sizing: border-box;
  min-width: 220px;
  padding: 10px;
  position: relative;
}
.my-lcas .lca li.shared-user:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  content: 'u';
  margin-right: 5px;
}
.my-lcas .lca li.shared-user:before.iconMiddle {
  margin: 0 5px;
}
.my-lcas .lca li.shared-user:before.iconLeft {
  margin-right: 5px;
}
.my-lcas .lca li.shared-user:before.iconRight {
  margin-left: 5px;
}
.my-lcas .lca li.shared-user:before.user:before {
  content: 'u';
}
.my-lcas .lca li.shared-user:before.arrowDown:before {
  content: 'v';
}
.my-lcas .lca li.shared-user:before.arrowLeft:before {
  content: '<';
}
.my-lcas .lca li.shared-user:before.arrowRight:before {
  content: '>';
}
.my-lcas .lca li.shared-user:before.arrowUp:before {
  content: '^';
}
.my-lcas .lca li.shared-user:before.cog:before {
  content: 'c';
}
.my-lcas .lca li.shared-user:before.cogs:before {
  content: 't';
}
.my-lcas .lca li.shared-user:before.filter:before {
  content: 'f';
}
.my-lcas .lca li.shared-user:before.truck:before {
  content: 'v';
}
.my-lcas .lca li.shared-user:before.email:before {
  content: 'e';
}
.my-lcas .lca li.shared-user:before.group:before {
  content: 'g';
}
.my-lcas .lca li.shared-user:before.check:before {
  content: '√';
}
.my-lcas .lca li.shared-user:before.close:before {
  content: 'x';
}
.my-lcas .lca li.shared-user:before.marker:before {
  content: 'm';
}
.my-lcas .lca li.shared-user:before.document:before {
  content: 'p';
}
.my-lcas .lca li.shared-user:before.factory:before {
  content: 'C';
}
.my-lcas .lca li.shared-user:before.menuLines:before {
  content: 'l';
}
.my-lcas .lca li.shared-group:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  content: 'g';
  margin-right: 5px;
}
.my-lcas .lca li.shared-group:before.iconMiddle {
  margin: 0 5px;
}
.my-lcas .lca li.shared-group:before.iconLeft {
  margin-right: 5px;
}
.my-lcas .lca li.shared-group:before.iconRight {
  margin-left: 5px;
}
.my-lcas .lca li.shared-group:before.user:before {
  content: 'u';
}
.my-lcas .lca li.shared-group:before.arrowDown:before {
  content: 'v';
}
.my-lcas .lca li.shared-group:before.arrowLeft:before {
  content: '<';
}
.my-lcas .lca li.shared-group:before.arrowRight:before {
  content: '>';
}
.my-lcas .lca li.shared-group:before.arrowUp:before {
  content: '^';
}
.my-lcas .lca li.shared-group:before.cog:before {
  content: 'c';
}
.my-lcas .lca li.shared-group:before.cogs:before {
  content: 't';
}
.my-lcas .lca li.shared-group:before.filter:before {
  content: 'f';
}
.my-lcas .lca li.shared-group:before.truck:before {
  content: 'v';
}
.my-lcas .lca li.shared-group:before.email:before {
  content: 'e';
}
.my-lcas .lca li.shared-group:before.group:before {
  content: 'g';
}
.my-lcas .lca li.shared-group:before.check:before {
  content: '√';
}
.my-lcas .lca li.shared-group:before.close:before {
  content: 'x';
}
.my-lcas .lca li.shared-group:before.marker:before {
  content: 'm';
}
.my-lcas .lca li.shared-group:before.document:before {
  content: 'p';
}
.my-lcas .lca li.shared-group:before.factory:before {
  content: 'C';
}
.my-lcas .lca li.shared-group:before.menuLines:before {
  content: 'l';
}
.my-lcas .lca.border {
  border: solid 1.5px #DAD9D1;
}
.my-lcas .lca .chart {
  width: 200px;
  height: 200px;
  max-width: 100%!important;
  max-height: 100%!important;
  margin-bottom: 30px;
}
.my-lcas .lca .context-menu {
  margin-top: -200px;
}
.my-lcas .lca .context-menu:before {
  bottom: -3px;
  top: auto;
}
.my-lcas .lca .context,
.my-lcas .lca .checkbox,
.my-lcas .lca .shared {
  position: absolute;
  bottom: 10px;
  /*
.context-menu{
				padding: @padding*4 @padding*2;
				z-index: 1000;
				background: none;
				left: -@padding*2;
				top:0;
				&:before{
					left:@padding*3;
					top:@padding*3.5;
				}
				&.context-menu-right{
					left:auto;
					right:-@padding*2;
					&:before{
						right:@padding*3;
						left:auto;
					}
				}
				&.context-menu-bottom {
					bottom:0;
					top:auto;
					&:before{
						bottom:@padding*3.5;;
						top:auto;
					}
				}
			}
*/
}
.my-lcas .lca .context,
.my-lcas .lca .checkbox {
  right: 10px;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.my-lcas .lca .checkbox {
  bottom: auto;
  top: 10px;
}
.my-lcas .lca h2 {
  max-width: 100%;
  margin-bottom: 5px;
}
.my-lcas .lca h2 .lcaTitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.my-lcas .lca:hover {
  background: #EFEEE8;
}
.my-lcas .lca:hover .checkbox {
  opacity: 1;
  background: #ffffff;
  z-index: 10;
}
.my-lcas .lca:hover .checkbox:before {
  color: #ffffff;
}
.my-lcas .lca:hover .context {
  opacity: 1;
  z-index: 1000;
}
.my-lcas .lca:hover .context-target {
  background: #ffffff;
}
.my-lcas .lca:hover h2 {
  margin-right: 30px;
}
.my-lcas .lca .checkbox.selected {
  opacity: 1;
}
.my-lcas .lca .checkbox.selected:before {
  color: #585857;
}
.my-lcas .lca .checkbox.selected + h2 {
  margin-right: 30px;
}
.my-lcas .lca .meta {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.my-lcas .lca .date,
.my-lcas .lca .owner {
  display: inline-block;
  margin-bottom: 10px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.my-lcas .lca .owner {
  padding-left: 10px;
  text-align: right;
}
.my-lcas .lca .owner:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  content: 'u';
  margin-right: 5px;
}
.my-lcas .lca .owner:before.iconMiddle {
  margin: 0 5px;
}
.my-lcas .lca .owner:before.iconLeft {
  margin-right: 5px;
}
.my-lcas .lca .owner:before.iconRight {
  margin-left: 5px;
}
.my-lcas .lca .owner:before.user:before {
  content: 'u';
}
.my-lcas .lca .owner:before.arrowDown:before {
  content: 'v';
}
.my-lcas .lca .owner:before.arrowLeft:before {
  content: '<';
}
.my-lcas .lca .owner:before.arrowRight:before {
  content: '>';
}
.my-lcas .lca .owner:before.arrowUp:before {
  content: '^';
}
.my-lcas .lca .owner:before.cog:before {
  content: 'c';
}
.my-lcas .lca .owner:before.cogs:before {
  content: 't';
}
.my-lcas .lca .owner:before.filter:before {
  content: 'f';
}
.my-lcas .lca .owner:before.truck:before {
  content: 'v';
}
.my-lcas .lca .owner:before.email:before {
  content: 'e';
}
.my-lcas .lca .owner:before.group:before {
  content: 'g';
}
.my-lcas .lca .owner:before.check:before {
  content: '√';
}
.my-lcas .lca .owner:before.close:before {
  content: 'x';
}
.my-lcas .lca .owner:before.marker:before {
  content: 'm';
}
.my-lcas .lca .owner:before.document:before {
  content: 'p';
}
.my-lcas .lca .owner:before.factory:before {
  content: 'C';
}
.my-lcas .lca .owner:before.menuLines:before {
  content: 'l';
}
.my-lcas .lca .shared {
  left: 10px;
  /* display: inline; */
}
.my-lcas .lca .shared .context-target {
  background: none!important;
  padding-left: 0;
}
.my-lcas .lca .shared .context-target:before {
  content: 'M';
  margin-right: 5px;
}
/*tooltip*/
.tooltip:hover {
  cursor: default;
}
.tip {
  position: fixed;
  padding: 5px;
  background: #585857;
  white-space: normal;
  font-size: 14px;
  color: #ffffff;
  z-index: 10000;
  margin-left: 5px;
  margin-top: 5px;
  max-width: 400px;
  width: auto;
  /*
&:before{
		display: block;
		background: @darkGrey;
		height: @padding*1.5;
		width: @padding*1.5;
		content: '';
		position: absolute;
		top:-@padding*0.75;
		left:@padding*1.5;
		//.drop-shadow;
		.rotation(45deg);
		z-index: 0;
	}
*/
}
/*
.myLCAs{
	.mylca{
		.flexcontainer(@align:top);
		margin-bottom: @largeSpacing;
		padding-bottom: @padding*2;
		.lca{
			width: 250px;
			.flexbox(0,1);
			.lca-info{
				width: (200px - @margin);
				display: inline-block;
				vertical-align: top;
				margin-left:@margin; 
				margin-top: -(@margin/2.5);
				h2, h3{
					margin: @margin/2 0 @margin;
					line-height: 1em;
				}
				h3 {
					margin: @margin 0 @margin/2;
				}
				ul, span{
					font-size: 0.9em;
					display: block;
				}
				ul {
					li {
						padding:@padding/2 0;
						&.shared-user {
							&:before {
								.icon;
								content:'u';
								margin-right: @padding/2;
							}
						}
						&.shared-group {
							&:before {
								.icon;
								content:'g';
								margin-right: @padding/2;
							}
						}
					}
				}
			}
		}
		.lcaSummary{
			.flexbox(1,1);
			overflow: hidden;
			.chart {
				height:160px;
				width:100%;
			}
		}
		.context{
			.flexbox(0,1);
		}	
		&.selected {
			background: @green;
		}
	}
}
*/
/* lca options */
.mylca-options {
  margin-bottom: 20px;
  position: relative;
}
.mylca-options .form.create {
  position: relative!important;
  width: 50%;
}
.mylca-options .form.create input {
  margin: 0 10px 0 0;
  width: 50%;
  padding: 10px !important;
}
.mylca-options .form.create:before {
  display: none;
}
.mylca-options .form.create .create {
  margin: 0 10px 0 0;
}
.mylca-options .form.search input {
  margin-right: 10px;
  max-width: 30%;
}
.mylca-options .form .checkbox {
  margin: 0 10px;
}
/* use */
.vehicle-edit {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: top;
  -moz-box-align: top;
  -webkit-align-items: top;
  -ms-flex-align: top;
  align-items: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.vehicle-edit ul {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  width: 350px;
  margin-right: 10px;
}
.vehicle-edit ul.engines {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.vehicle-edit li {
  border-bottom: #EFEEE8 1px solid;
  padding: 10px;
  line-height: 1.6em;
}
.vehicle-edit li.hideable-help {
  /* font-family:'Proxima Nova W01', Helvetica, Arial, sans-serif; */
  font-weight: 700;
}
.vehicle-edit li:not(.hideable-help):hover {
  background: #EFEEE8;
  cursor: pointer;
}
.vehicle-edit li.selected {
  background: #585857;
  color: #ffffff;
}
.vehicle-edit li.selected:hover {
  color: #585857;
}
.vehicle-edit li.custom {
  background: none!important;
  color: #585857;
  cursor: default;
}
.vehicle-edit li span {
  background: #0095c5;
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  padding: 0 5px;
  line-height: 1.6em;
  font-size: 0.9em;
  margin-right: 10px;
  display: inline-block;
  color: #ffffff;
}
.vehicle-edit li span strong {
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
  color: #c5f1ff;
}
.vehicle-edit li .info {
  padding-left: 40px;
  display: inline-block;
}
.vehicle-edit li .info:before {
  left: 15px;
}
/* breadcrumb */
.breadcrumb {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  min-height: 1.6em;
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb li * {
  display: none;
}
.breadcrumb li:not(:last-child) {
  margin-right: 10px;
}
.breadcrumb li:not(:last-child):after {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
}
.breadcrumb li:not(:last-child):after.iconMiddle {
  margin: 0 5px;
}
.breadcrumb li:not(:last-child):after.iconLeft {
  margin-right: 5px;
}
.breadcrumb li:not(:last-child):after.iconRight {
  margin-left: 5px;
}
.breadcrumb li:not(:last-child):after.user:before {
  content: 'u';
}
.breadcrumb li:not(:last-child):after.arrowDown:before {
  content: 'v';
}
.breadcrumb li:not(:last-child):after.arrowLeft:before {
  content: '<';
}
.breadcrumb li:not(:last-child):after.arrowRight:before {
  content: '>';
}
.breadcrumb li:not(:last-child):after.arrowUp:before {
  content: '^';
}
.breadcrumb li:not(:last-child):after.cog:before {
  content: 'c';
}
.breadcrumb li:not(:last-child):after.cogs:before {
  content: 't';
}
.breadcrumb li:not(:last-child):after.filter:before {
  content: 'f';
}
.breadcrumb li:not(:last-child):after.truck:before {
  content: 'v';
}
.breadcrumb li:not(:last-child):after.email:before {
  content: 'e';
}
.breadcrumb li:not(:last-child):after.group:before {
  content: 'g';
}
.breadcrumb li:not(:last-child):after.check:before {
  content: '√';
}
.breadcrumb li:not(:last-child):after.close:before {
  content: 'x';
}
.breadcrumb li:not(:last-child):after.marker:before {
  content: 'm';
}
.breadcrumb li:not(:last-child):after.document:before {
  content: 'p';
}
.breadcrumb li:not(:last-child):after.factory:before {
  content: 'C';
}
.breadcrumb li:not(:last-child):after.menuLines:before {
  content: 'l';
}
.breadcrumb li:not(:last-child):after {
  content: '>';
  padding-left: 10px;
}
/* phase notes */
.notes {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.notes input {
  width: auto;
}
.notes input:focus {
  width: 400px;
}
/*buttons*/
.button.create {
  margin-bottom: 0;
}
.button.create:before,
.button.create:after {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
}
.button.create:before.iconMiddle,
.button.create:after.iconMiddle {
  margin: 0 5px;
}
.button.create:before.iconLeft,
.button.create:after.iconLeft {
  margin-right: 5px;
}
.button.create:before.iconRight,
.button.create:after.iconRight {
  margin-left: 5px;
}
.button.create:before.user:before,
.button.create:after.user:before {
  content: 'u';
}
.button.create:before.arrowDown:before,
.button.create:after.arrowDown:before {
  content: 'v';
}
.button.create:before.arrowLeft:before,
.button.create:after.arrowLeft:before {
  content: '<';
}
.button.create:before.arrowRight:before,
.button.create:after.arrowRight:before {
  content: '>';
}
.button.create:before.arrowUp:before,
.button.create:after.arrowUp:before {
  content: '^';
}
.button.create:before.cog:before,
.button.create:after.cog:before {
  content: 'c';
}
.button.create:before.cogs:before,
.button.create:after.cogs:before {
  content: 't';
}
.button.create:before.filter:before,
.button.create:after.filter:before {
  content: 'f';
}
.button.create:before.truck:before,
.button.create:after.truck:before {
  content: 'v';
}
.button.create:before.email:before,
.button.create:after.email:before {
  content: 'e';
}
.button.create:before.group:before,
.button.create:after.group:before {
  content: 'g';
}
.button.create:before.check:before,
.button.create:after.check:before {
  content: '√';
}
.button.create:before.close:before,
.button.create:after.close:before {
  content: 'x';
}
.button.create:before.marker:before,
.button.create:after.marker:before {
  content: 'm';
}
.button.create:before.document:before,
.button.create:after.document:before {
  content: 'p';
}
.button.create:before.factory:before,
.button.create:after.factory:before {
  content: 'C';
}
.button.create:before.menuLines:before,
.button.create:after.menuLines:before {
  content: 'l';
}
.button.create:before {
  content: 'p';
  padding-right: 5px;
}
.button.create:after {
  content: '>';
  padding-left: 10px;
}
.button.next:after,
.button.share:after {
  content: '>';
  padding-left: 5px;
  font-family: 'icons';
  /* margin-right:@margin/2; */
}
.button.next:after.iconMiddle,
.button.share:after.iconMiddle {
  margin: 0 5px;
}
.button.next:after.iconLeft,
.button.share:after.iconLeft {
  margin-right: 5px;
}
.button.next:after.iconRight,
.button.share:after.iconRight {
  margin-left: 5px;
}
.button.next:after.user:before,
.button.share:after.user:before {
  content: 'u';
}
.button.next:after.arrowDown:before,
.button.share:after.arrowDown:before {
  content: 'v';
}
.button.next:after.arrowLeft:before,
.button.share:after.arrowLeft:before {
  content: '<';
}
.button.next:after.arrowRight:before,
.button.share:after.arrowRight:before {
  content: '>';
}
.button.next:after.arrowUp:before,
.button.share:after.arrowUp:before {
  content: '^';
}
.button.next:after.cog:before,
.button.share:after.cog:before {
  content: 'c';
}
.button.next:after.cogs:before,
.button.share:after.cogs:before {
  content: 't';
}
.button.next:after.filter:before,
.button.share:after.filter:before {
  content: 'f';
}
.button.next:after.truck:before,
.button.share:after.truck:before {
  content: 'v';
}
.button.next:after.email:before,
.button.share:after.email:before {
  content: 'e';
}
.button.next:after.group:before,
.button.share:after.group:before {
  content: 'g';
}
.button.next:after.check:before,
.button.share:after.check:before {
  content: '√';
}
.button.next:after.close:before,
.button.share:after.close:before {
  content: 'x';
}
.button.next:after.marker:before,
.button.share:after.marker:before {
  content: 'm';
}
.button.next:after.document:before,
.button.share:after.document:before {
  content: 'p';
}
.button.next:after.factory:before,
.button.share:after.factory:before {
  content: 'C';
}
.button.next:after.menuLines:before,
.button.share:after.menuLines:before {
  content: 'l';
}
.button.prev:before {
  content: '<';
  padding-right: 5px;
  font-family: 'icons';
  /* margin-right:@margin/2; */
}
.button.prev:before.iconMiddle {
  margin: 0 5px;
}
.button.prev:before.iconLeft {
  margin-right: 5px;
}
.button.prev:before.iconRight {
  margin-left: 5px;
}
.button.prev:before.user:before {
  content: 'u';
}
.button.prev:before.arrowDown:before {
  content: 'v';
}
.button.prev:before.arrowLeft:before {
  content: '<';
}
.button.prev:before.arrowRight:before {
  content: '>';
}
.button.prev:before.arrowUp:before {
  content: '^';
}
.button.prev:before.cog:before {
  content: 'c';
}
.button.prev:before.cogs:before {
  content: 't';
}
.button.prev:before.filter:before {
  content: 'f';
}
.button.prev:before.truck:before {
  content: 'v';
}
.button.prev:before.email:before {
  content: 'e';
}
.button.prev:before.group:before {
  content: 'g';
}
.button.prev:before.check:before {
  content: '√';
}
.button.prev:before.close:before {
  content: 'x';
}
.button.prev:before.marker:before {
  content: 'm';
}
.button.prev:before.document:before {
  content: 'p';
}
.button.prev:before.factory:before {
  content: 'C';
}
.button.prev:before.menuLines:before {
  content: 'l';
}
.button.exportPDF:before {
  content: 'P';
  padding-right: 5px;
  font-family: 'icons';
  /* margin-right:@margin/2; */
}
.button.exportPDF:before.iconMiddle {
  margin: 0 5px;
}
.button.exportPDF:before.iconLeft {
  margin-right: 5px;
}
.button.exportPDF:before.iconRight {
  margin-left: 5px;
}
.button.exportPDF:before.user:before {
  content: 'u';
}
.button.exportPDF:before.arrowDown:before {
  content: 'v';
}
.button.exportPDF:before.arrowLeft:before {
  content: '<';
}
.button.exportPDF:before.arrowRight:before {
  content: '>';
}
.button.exportPDF:before.arrowUp:before {
  content: '^';
}
.button.exportPDF:before.cog:before {
  content: 'c';
}
.button.exportPDF:before.cogs:before {
  content: 't';
}
.button.exportPDF:before.filter:before {
  content: 'f';
}
.button.exportPDF:before.truck:before {
  content: 'v';
}
.button.exportPDF:before.email:before {
  content: 'e';
}
.button.exportPDF:before.group:before {
  content: 'g';
}
.button.exportPDF:before.check:before {
  content: '√';
}
.button.exportPDF:before.close:before {
  content: 'x';
}
.button.exportPDF:before.marker:before {
  content: 'm';
}
.button.exportPDF:before.document:before {
  content: 'p';
}
.button.exportPDF:before.factory:before {
  content: 'C';
}
.button.exportPDF:before.menuLines:before {
  content: 'l';
}
.button.exportXSL:before {
  content: 'X';
  padding-right: 5px;
  font-family: 'icons';
  /* margin-right:@margin/2; */
}
.button.exportXSL:before.iconMiddle {
  margin: 0 5px;
}
.button.exportXSL:before.iconLeft {
  margin-right: 5px;
}
.button.exportXSL:before.iconRight {
  margin-left: 5px;
}
.button.exportXSL:before.user:before {
  content: 'u';
}
.button.exportXSL:before.arrowDown:before {
  content: 'v';
}
.button.exportXSL:before.arrowLeft:before {
  content: '<';
}
.button.exportXSL:before.arrowRight:before {
  content: '>';
}
.button.exportXSL:before.arrowUp:before {
  content: '^';
}
.button.exportXSL:before.cog:before {
  content: 'c';
}
.button.exportXSL:before.cogs:before {
  content: 't';
}
.button.exportXSL:before.filter:before {
  content: 'f';
}
.button.exportXSL:before.truck:before {
  content: 'v';
}
.button.exportXSL:before.email:before {
  content: 'e';
}
.button.exportXSL:before.group:before {
  content: 'g';
}
.button.exportXSL:before.check:before {
  content: '√';
}
.button.exportXSL:before.close:before {
  content: 'x';
}
.button.exportXSL:before.marker:before {
  content: 'm';
}
.button.exportXSL:before.document:before {
  content: 'p';
}
.button.exportXSL:before.factory:before {
  content: 'C';
}
.button.exportXSL:before.menuLines:before {
  content: 'l';
}
.button.check {
  margin-bottom: 0;
}
.button.check:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
  content: '√';
  padding-right: 5px;
}
.button.check:before.iconMiddle {
  margin: 0 5px;
}
.button.check:before.iconLeft {
  margin-right: 5px;
}
.button.check:before.iconRight {
  margin-left: 5px;
}
.button.check:before.user:before {
  content: 'u';
}
.button.check:before.arrowDown:before {
  content: 'v';
}
.button.check:before.arrowLeft:before {
  content: '<';
}
.button.check:before.arrowRight:before {
  content: '>';
}
.button.check:before.arrowUp:before {
  content: '^';
}
.button.check:before.cog:before {
  content: 'c';
}
.button.check:before.cogs:before {
  content: 't';
}
.button.check:before.filter:before {
  content: 'f';
}
.button.check:before.truck:before {
  content: 'v';
}
.button.check:before.email:before {
  content: 'e';
}
.button.check:before.group:before {
  content: 'g';
}
.button.check:before.check:before {
  content: '√';
}
.button.check:before.close:before {
  content: 'x';
}
.button.check:before.marker:before {
  content: 'm';
}
.button.check:before.document:before {
  content: 'p';
}
.button.check:before.factory:before {
  content: 'C';
}
.button.check:before.menuLines:before {
  content: 'l';
}
.button.compare {
  margin-bottom: 0;
}
.button.compare:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  /* font-size:1.2em; */
  font-size: 15px;
  content: '+';
  padding-right: 5px;
}
.button.compare:before.iconMiddle {
  margin: 0 5px;
}
.button.compare:before.iconLeft {
  margin-right: 5px;
}
.button.compare:before.iconRight {
  margin-left: 5px;
}
.button.compare:before.user:before {
  content: 'u';
}
.button.compare:before.arrowDown:before {
  content: 'v';
}
.button.compare:before.arrowLeft:before {
  content: '<';
}
.button.compare:before.arrowRight:before {
  content: '>';
}
.button.compare:before.arrowUp:before {
  content: '^';
}
.button.compare:before.cog:before {
  content: 'c';
}
.button.compare:before.cogs:before {
  content: 't';
}
.button.compare:before.filter:before {
  content: 'f';
}
.button.compare:before.truck:before {
  content: 'v';
}
.button.compare:before.email:before {
  content: 'e';
}
.button.compare:before.group:before {
  content: 'g';
}
.button.compare:before.check:before {
  content: '√';
}
.button.compare:before.close:before {
  content: 'x';
}
.button.compare:before.marker:before {
  content: 'm';
}
.button.compare:before.document:before {
  content: 'p';
}
.button.compare:before.factory:before {
  content: 'C';
}
.button.compare:before.menuLines:before {
  content: 'l';
}
.periodical.waiting {
  background: url(/images/spinner.gif) no-repeat center right #ffffff;
  padding-right: 50px;
  -webkit-transition: none 0.5s ease-out;
  -moz-transition: none 0.5s ease-out;
  transition: none 0.5s ease-out;
}
.periodical.waiting:hover {
  background: url(/images/spinner.gif) no-repeat center right #ffffff;
}
/*search*/
/* this is a bit crap, and needs reworking to use flexcontainer */
form.search,
form.create {
  display: inline-block;
  /* position: relative; */
  margin-bottom: 0;
  position: absolute;
  right: 0;
  /* top:0; */
}
form.search input,
form.create input {
  background: #ffffff;
  padding: 10px 22.5px;
  margin: 0;
}
form.search input::-webkit-input-placeholder,
form.create input::-webkit-input-placeholder {
  color: #585857 !important;
  font-weight: normal;
}
form.search input:-ms-input-placeholder,
form.create input:-ms-input-placeholder {
  color: #585857 !important;
  font-weight: normal;
}
form.search input:-moz-placeholder,
form.create input:-moz-placeholder {
  color: #585857 !important;
  font-weight: normal;
}
form.search input:-moz-placeholder,
form.create input:-moz-placeholder {
  color: #585857 !important;
  font-weight: normal;
}
form.search:before,
form.create:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  content: 'a';
  position: absolute;
  top: 12px;
  left: 10px;
  color: #585857;
}
form.search:before.iconMiddle,
form.create:before.iconMiddle {
  margin: 0 5px;
}
form.search:before.iconLeft,
form.create:before.iconLeft {
  margin-right: 5px;
}
form.search:before.iconRight,
form.create:before.iconRight {
  margin-left: 5px;
}
form.search:before.user:before,
form.create:before.user:before {
  content: 'u';
}
form.search:before.arrowDown:before,
form.create:before.arrowDown:before {
  content: 'v';
}
form.search:before.arrowLeft:before,
form.create:before.arrowLeft:before {
  content: '<';
}
form.search:before.arrowRight:before,
form.create:before.arrowRight:before {
  content: '>';
}
form.search:before.arrowUp:before,
form.create:before.arrowUp:before {
  content: '^';
}
form.search:before.cog:before,
form.create:before.cog:before {
  content: 'c';
}
form.search:before.cogs:before,
form.create:before.cogs:before {
  content: 't';
}
form.search:before.filter:before,
form.create:before.filter:before {
  content: 'f';
}
form.search:before.truck:before,
form.create:before.truck:before {
  content: 'v';
}
form.search:before.email:before,
form.create:before.email:before {
  content: 'e';
}
form.search:before.group:before,
form.create:before.group:before {
  content: 'g';
}
form.search:before.check:before,
form.create:before.check:before {
  content: '√';
}
form.search:before.close:before,
form.create:before.close:before {
  content: 'x';
}
form.search:before.marker:before,
form.create:before.marker:before {
  content: 'm';
}
form.search:before.document:before,
form.create:before.document:before {
  content: 'p';
}
form.search:before.factory:before,
form.create:before.factory:before {
  content: 'C';
}
form.search:before.menuLines:before,
form.create:before.menuLines:before {
  content: 'l';
}
form.search .searchclear,
form.create .searchclear {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  margin-left: -30px;
  margin-right: 15px;
  color: #DAD8C5;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding: 5px;
}
form.search .searchclear.iconMiddle,
form.create .searchclear.iconMiddle {
  margin: 0 5px;
}
form.search .searchclear.iconLeft,
form.create .searchclear.iconLeft {
  margin-right: 5px;
}
form.search .searchclear.iconRight,
form.create .searchclear.iconRight {
  margin-left: 5px;
}
form.search .searchclear.user:before,
form.create .searchclear.user:before {
  content: 'u';
}
form.search .searchclear.arrowDown:before,
form.create .searchclear.arrowDown:before {
  content: 'v';
}
form.search .searchclear.arrowLeft:before,
form.create .searchclear.arrowLeft:before {
  content: '<';
}
form.search .searchclear.arrowRight:before,
form.create .searchclear.arrowRight:before {
  content: '>';
}
form.search .searchclear.arrowUp:before,
form.create .searchclear.arrowUp:before {
  content: '^';
}
form.search .searchclear.cog:before,
form.create .searchclear.cog:before {
  content: 'c';
}
form.search .searchclear.cogs:before,
form.create .searchclear.cogs:before {
  content: 't';
}
form.search .searchclear.filter:before,
form.create .searchclear.filter:before {
  content: 'f';
}
form.search .searchclear.truck:before,
form.create .searchclear.truck:before {
  content: 'v';
}
form.search .searchclear.email:before,
form.create .searchclear.email:before {
  content: 'e';
}
form.search .searchclear.group:before,
form.create .searchclear.group:before {
  content: 'g';
}
form.search .searchclear.check:before,
form.create .searchclear.check:before {
  content: '√';
}
form.search .searchclear.close:before,
form.create .searchclear.close:before {
  content: 'x';
}
form.search .searchclear.marker:before,
form.create .searchclear.marker:before {
  content: 'm';
}
form.search .searchclear.document:before,
form.create .searchclear.document:before {
  content: 'p';
}
form.search .searchclear.factory:before,
form.create .searchclear.factory:before {
  content: 'C';
}
form.search .searchclear.menuLines:before,
form.create .searchclear.menuLines:before {
  content: 'l';
}
form.search .searchclear:hover,
form.create .searchclear:hover {
  color: #585857;
}
form.search {
  padding-right: 150px;
}
form.search .filter {
  position: absolute;
  right: 0;
}
form.search input {
  width: 150px;
  max-width: none!important;
}
/* results */
.partBreakdown {
  color: #ffffff;
}
.partBreakdown td {
  background: #a4a3a1;
  border-top: none;
}
.partBreakdown .title {
  color: #ebebe8;
  font-weight: 500;
  text-align: right;
}
.partSummary :last-child {
  padding-right: 0;
  padding-left: 0;
}
.tableTotal td {
  /* border-bottom: solid 2px red !important; */
  background: #fafaf8;
}
.tabInline li {
  margin-right: 0;
  margin-left: -2px;
}
.tabInline li sub {
  vertical-align: baseline;
}
.processTotal {
  border-top: solid 1px #fff !important;
}
.process td {
  background: #acaba9 !important;
}
.manufacture table {
  border-top: 2px #e83942 solid;
}
/*
.plus {
	padding: 1px 3px 7px !important;
}
*/
.toggleSummary {
  /* color: red; */
  text-align: right;
}
.expand {
  /* border: red solid 2px; */
  background: #585857;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.5em;
  width: 1.05em;
  text-align: center;
  font-family: 'icons';
  /* margin-right:@margin/2; */
}
.expand.iconMiddle {
  margin: 0 5px;
}
.expand.iconLeft {
  margin-right: 5px;
}
.expand.iconRight {
  margin-left: 5px;
}
.expand.user:before {
  content: 'u';
}
.expand.arrowDown:before {
  content: 'v';
}
.expand.arrowLeft:before {
  content: '<';
}
.expand.arrowRight:before {
  content: '>';
}
.expand.arrowUp:before {
  content: '^';
}
.expand.cog:before {
  content: 'c';
}
.expand.cogs:before {
  content: 't';
}
.expand.filter:before {
  content: 'f';
}
.expand.truck:before {
  content: 'v';
}
.expand.email:before {
  content: 'e';
}
.expand.group:before {
  content: 'g';
}
.expand.check:before {
  content: '√';
}
.expand.close:before {
  content: 'x';
}
.expand.marker:before {
  content: 'm';
}
.expand.document:before {
  content: 'p';
}
.expand.factory:before {
  content: 'C';
}
.expand.menuLines:before {
  content: 'l';
}
.expand:before {
  content: '+';
  line-height: 1em;
}
.expand.open:before {
  content: '-';
}
/* groups */
.notification {
  background: #e83942;
  color: #ffffff;
  padding: 10px 25px 10px 55px;
  text-shadow: 1px 1px 3px #585857;
  position: relative;
  line-height: 1.6em;
  background: #ee722c;
  padding: 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.notification:not(.notification):before {
  content: 'w';
  font-family: 'icons';
  /* margin-right:@margin/2; */
  font-size: 1.5em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  position: absolute;
  top: 10px;
  left: 25px;
}
.notification:not(.notification):before.iconMiddle {
  margin: 0 5px;
}
.notification:not(.notification):before.iconLeft {
  margin-right: 5px;
}
.notification:not(.notification):before.iconRight {
  margin-left: 5px;
}
.notification:not(.notification):before.user:before {
  content: 'u';
}
.notification:not(.notification):before.arrowDown:before {
  content: 'v';
}
.notification:not(.notification):before.arrowLeft:before {
  content: '<';
}
.notification:not(.notification):before.arrowRight:before {
  content: '>';
}
.notification:not(.notification):before.arrowUp:before {
  content: '^';
}
.notification:not(.notification):before.cog:before {
  content: 'c';
}
.notification:not(.notification):before.cogs:before {
  content: 't';
}
.notification:not(.notification):before.filter:before {
  content: 'f';
}
.notification:not(.notification):before.truck:before {
  content: 'v';
}
.notification:not(.notification):before.email:before {
  content: 'e';
}
.notification:not(.notification):before.group:before {
  content: 'g';
}
.notification:not(.notification):before.check:before {
  content: '√';
}
.notification:not(.notification):before.close:before {
  content: 'x';
}
.notification:not(.notification):before.marker:before {
  content: 'm';
}
.notification:not(.notification):before.document:before {
  content: 'p';
}
.notification:not(.notification):before.factory:before {
  content: 'C';
}
.notification:not(.notification):before.menuLines:before {
  content: 'l';
}
.notification ul {
  margin-bottom: 0;
  margin-top: 10px;
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  column-gap: 10px;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
}
.notification ul li {
  padding-bottom: 10px;
  margin-right: 10px;
  display: inline-block;
  min-width: 33%;
}
.notification span:not(.icon) {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  padding-left: 10px;
}
.notification .accept,
.notification .reject {
  cursor: pointer;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin-left: 20px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.notification .accept:before,
.notification .reject:before {
  font-family: 'icons';
  /* margin-right:@margin/2; */
  margin-right: 10px;
  content: '√';
}
.notification .accept:before.iconMiddle,
.notification .reject:before.iconMiddle {
  margin: 0 5px;
}
.notification .accept:before.iconLeft,
.notification .reject:before.iconLeft {
  margin-right: 5px;
}
.notification .accept:before.iconRight,
.notification .reject:before.iconRight {
  margin-left: 5px;
}
.notification .accept:before.user:before,
.notification .reject:before.user:before {
  content: 'u';
}
.notification .accept:before.arrowDown:before,
.notification .reject:before.arrowDown:before {
  content: 'v';
}
.notification .accept:before.arrowLeft:before,
.notification .reject:before.arrowLeft:before {
  content: '<';
}
.notification .accept:before.arrowRight:before,
.notification .reject:before.arrowRight:before {
  content: '>';
}
.notification .accept:before.arrowUp:before,
.notification .reject:before.arrowUp:before {
  content: '^';
}
.notification .accept:before.cog:before,
.notification .reject:before.cog:before {
  content: 'c';
}
.notification .accept:before.cogs:before,
.notification .reject:before.cogs:before {
  content: 't';
}
.notification .accept:before.filter:before,
.notification .reject:before.filter:before {
  content: 'f';
}
.notification .accept:before.truck:before,
.notification .reject:before.truck:before {
  content: 'v';
}
.notification .accept:before.email:before,
.notification .reject:before.email:before {
  content: 'e';
}
.notification .accept:before.group:before,
.notification .reject:before.group:before {
  content: 'g';
}
.notification .accept:before.check:before,
.notification .reject:before.check:before {
  content: '√';
}
.notification .accept:before.close:before,
.notification .reject:before.close:before {
  content: 'x';
}
.notification .accept:before.marker:before,
.notification .reject:before.marker:before {
  content: 'm';
}
.notification .accept:before.document:before,
.notification .reject:before.document:before {
  content: 'p';
}
.notification .accept:before.factory:before,
.notification .reject:before.factory:before {
  content: 'C';
}
.notification .accept:before.menuLines:before,
.notification .reject:before.menuLines:before {
  content: 'l';
}
.notification .accept:hover,
.notification .reject:hover {
  text-shadow: 1px 1px 3px #ffffff;
  color: #585857;
}
.notification .reject:before {
  content: 'R';
}
.groups .detail {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  column-gap: 30px;
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
}
.groups .detail li {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
  /* .flexcontainer; */
}
.groups .detail li span {
  /* .flexbox(1,0); */
  margin-right: 10px;
}
.groups .detail li .control {
  /* .flexbox(0,1); */
}
.groups td:last-child {
  text-align: right;
}
/* signup */
#signup {
  width: 400px;
  max-width: 100%;
  margin: 100px auto;
  background: #585857 url(/images/lca-logo-white.png) 20px 20px no-repeat;
  background-size: 160px 31px;
  padding: 20px;
  padding-top: 70px;
  color: #EFEEE9;
}
#signup p,
#signup h1,
#signup h2,
#signup h3 {
  /* padding:0 @padding; */
}
#signup input {
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
  width: 100%;
  font-size: 1.2em;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  border: none;
  margin-bottom: 2px;
}
#signup input.validation-passed {
  background: #ffffff;
}
#signup input:focus {
  background: #ffffff;
}
#signup input.validation-failed {
  background: #f8c2c5;
}
#signup input::-webkit-input-placeholder {
  color: #8b8b8a !important;
  font-weight: normal;
}
#signup input:-ms-input-placeholder {
  color: #8b8b8a !important;
  font-weight: normal;
}
#signup input:-moz-placeholder {
  color: #8b8b8a !important;
  font-weight: normal;
}
#signup input:-moz-placeholder {
  color: #8b8b8a !important;
  font-weight: normal;
}
#signup .button {
  width: 100%;
  font-size: 1.2em;
  background: rgba(116, 182, 71, 0.5);
  color: #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px 0;
}
#signup .button:hover {
  background: #74b647;
  color: #ffffff;
}
#signup .validation-advice {
  display: none!important;
}
#signup .organisation-logo {
  margin-bottom: 10px;
}
/* Scrollbar CSS */
.scrollbar {
  width: 17px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  z-index: 10002;
}
.scrollbar .knob {
  background: #ffffff;
  width: 7px;
  height: 50px;
  margin: 0 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  opacity: 0.75;
}
.scrollbar .knob:hover {
  opacity: 1;
}
/*Admin specific*/
#inline-list li {
  display: inline-block;
}
/*db version */
.db-version {
  font-size: 0.85em;
  text-align: center;
  padding-top: 20px;
}
/*data-reminder*/
.reminder-banner {
  margin-bottom: 20px;
}
.reminder-banner .button {
  background: rgba(255, 255, 255, 0.95);
  margin-top: 10px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.reminder-banner .button:hover {
  background: #ffffff;
}
.reminder-banner .button.ok {
  padding: 10px 15px;
}
.reminder-banner.warning {
  background: #585857;
}
.reminder-banner.warning .button {
  color: #585857;
}
.reminder-banner.info .button {
  color: #0095c5;
}
/*header*/
body {
  background: #EFEEE9;
}
header {
  width: 100%;
  background: #ffffff;
}
header a,
header span.disabled {
  display: inline-block;
  padding: 10px;
  color: #585857;
  text-decoration: none;
  position: relative;
  /* margin-right: -@inlineFix; */
  /* to-do */
  /* this needs to change - why is it not a border? */
}
header a .highlight,
header span.disabled .highlight {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
header a.active .highlight,
header span.disabled.active .highlight,
header a:hover .highlight,
header span.disabled:hover .highlight,
header a.selected .highlight,
header span.disabled.selected .highlight {
  height: 3px;
  background: #DAD8C5;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
header a.active .highlight,
header span.disabled.active .highlight,
header a.selected .highlight,
header span.disabled.selected .highlight {
  background: #74b647;
}
header span.disabled {
  color: #DAD9D1;
}
header #logo {
  height: 31px;
  width: 160px;
  background: url('/images/lca-logo-new.png') center center no-repeat;
  padding: 0;
  margin: 0 10px;
  background-size: 100%;
}
header #headerTop {
  padding: 15px 15px 0;
}
header #headerTop #user {
  margin: 0 10px;
}
header #headerBottom {
  background: #EFEEE9;
  padding: 15px 15px 0;
  min-height: 64px;
}
header #headerBottom nav a,
header #headerBottom nav span.disabled {
  background: rgba(255, 255, 255, 0.4);
  padding: 15px 10px;
}
/*footer*/
footer {
  width: 100%;
  background: #EFEEE9;
  font-size: 0.85em;
}
footer ul {
  padding: 10px 25px;
  margin: 0;
}
footer ul li {
  display: inline-block;
  margin-right: 20px;
}
/*modernizer*/
.flexbox #headerTop,
.flexboxlegacy #headerTop,
.flexbox #headerBottom,
.flexboxlegacy #headerBottom,
.flexbox .tabbedHeading,
.flexboxlegacy .tabbedHeading,
.flexbox .tabbedTable,
.flexboxlegacy .tabbedTable {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.flexbox #headerTop .flexleft,
.flexboxlegacy #headerTop .flexleft,
.flexbox #headerBottom .flexleft,
.flexboxlegacy #headerBottom .flexleft,
.flexbox .tabbedHeading .flexleft,
.flexboxlegacy .tabbedHeading .flexleft,
.flexbox .tabbedTable .flexleft,
.flexboxlegacy .tabbedTable .flexleft,
.flexbox #headerTop .left,
.flexboxlegacy #headerTop .left,
.flexbox #headerBottom .left,
.flexboxlegacy #headerBottom .left,
.flexbox .tabbedHeading .left,
.flexboxlegacy .tabbedHeading .left,
.flexbox .tabbedTable .left,
.flexboxlegacy .tabbedTable .left {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.flexbox #headerTop .flexright,
.flexboxlegacy #headerTop .flexright,
.flexbox #headerBottom .flexright,
.flexboxlegacy #headerBottom .flexright,
.flexbox .tabbedHeading .flexright,
.flexboxlegacy .tabbedHeading .flexright,
.flexbox .tabbedTable .flexright,
.flexboxlegacy .tabbedTable .flexright,
.flexbox #headerTop .right,
.flexboxlegacy #headerTop .right,
.flexbox #headerBottom .right,
.flexboxlegacy #headerBottom .right,
.flexbox .tabbedHeading .right,
.flexboxlegacy .tabbedHeading .right,
.flexbox .tabbedTable .right,
.flexboxlegacy .tabbedTable .right {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
/* replace width with calculated width */
@media screen and (max-width: 850px) {
  .chartWrapper {
    display: block!important;
  }
  .chartWrapper .chart-results-summary,
  .chartWrapper .chart-compare-summary {
    display: block!important;
    height: 400px;
    width: 100%;
  }
  .chartWrapper .chart-results-radar {
    width: 100%;
    height: 400px;
    display: block!important;
  }
  .groups .detail {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    column-gap: 10px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 851px) {
  .groups .detail {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 10px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
  }
}
@media screen and (max-width: 885px) {
  /* my lcas */
  .my-lcas .lca .compare {
    left: 85px;
  }
}
@media screen and (max-width: 768px) {
  .error ul,
  .warning ul,
  .info ul,
  .success ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 10px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
  }
  .error ul li,
  .warning ul li,
  .info ul li,
  .success ul li {
    min-width: 50%;
  }
  /* my lcas */
  .my-lcas .lca {
    width: 40%;
  }
  .my-lcas .lca .compare {
    left: 100px;
  }
}
@media screen and (max-width: 540px) {
  .error ul,
  .warning ul,
  .info ul,
  .success ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    column-gap: 10px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
  }
}
@media screen and (max-width: 475px) {
  /* my lcas */
  .my-lcas .lca .compare {
    left: 60px;
  }
}
@media screen and (max-width: 360px) {
  /* my lcas */
  .my-lcas .lca {
    width: 100%;
  }
  .my-lcas .lca .compare {
    left: auto;
    right: 20px;
  }
}
/* my lca sizes */
@media screen and (max-width: 1400px) {
  .expanded .my-lcas .lca {
    width: 25%;
  }
}
@media screen and (max-width: 1200px) {
  .my-lcas .lca {
    width: 25%;
  }
  .expanded .my-lcas .lca {
    width: 33%;
  }
}
@media screen and (max-width: 1000px) {
  .my-lcas .lca {
    width: 33%;
  }
  .expanded .my-lcas .lca {
    width: 50%;
  }
}
@media screen and (max-width: 800px) {
  .my-lcas .lca {
    width: 50%;
  }
  .expanded .my-lcas .lca {
    width: 100%%;
  }
}
@media screen and (max-width: 600px) {
  .my-lcas .lca {
    width: 100%;
  }
  .my-lcas .lca .context .context-menu {
    left: auto;
    right: -20px;
  }
  .my-lcas .lca .context .context-menu:before {
    left: auto;
    right: 30px;
  }
}
@media print {
  body {
    max-width: 29.7cm;
  }
  #app {
    font-size: 0.8em;
  }
  header {
    height: 31px;
    background: url('/images/lca-logo-new.png') left center / 160px 31px no-repeat, url(/images/lca-logo-jlr.png) right center / auto 31px no-repeat;
    margin: 25px;
    width: auto;
  }
  header #headerTop,
  header #headerBottom {
    display: none!important;
  }
  footer,
  body,
  nav {
    background: none!important;
  }
  footer {
    display: none;
  }
  .tabInline,
  .expand,
  .button,
  .sticky {
    display: none!important;
  }
  .detail {
    display: table-row !important;
  }
  article {
    page-break-inside: avoid;
    /*
display:block;
	}
	article:after {
		content: '';
	    display:block;
	    height:0px;
	    visibility: hidden;
*/
  }
  .tabbedHeading {
    page-break-after: avoid;
  }
  table td,
  table th {
    padding: 5px;
  }
  .tab {
    padding: 5px;
  }
  .chart-results-summary .chart,
  .chart-compare-summary .chart {
    height: 500px;
  }
  .compareCharts {
    height: 500px !important;
  }
  footer {
    /*
position: fixed;
		bottom: 0!important;
*/
  }
  td,
  th {
    width: auto!important;
  }
  .impactDetail canvas {
    height: 180px;
    width: 180px;
  }
  .impactCharts .impactPhase,
  .impactCharts .impactBar {
    height: 250px;
  }
  /*
.chart {
		-webkit-transform: scale(2);
		-webkit-transform-origin: 0 0;
		width:50%!important;
		height:50%!important;
	}
*/
}
@page {
  size: A4 landscape;
  margin: 0.5cm;
}