*:focus {
    outline: 0;
}
*:required {
    box-shadow: none;
}
.lotusui_ie .lotusMain .lotusContent { /* IE comp. mode */
	display: block;
}

body {
  overflow-y: scroll;
}

body .lotusFrame {
	min-width: 750px;
}
div.lotusHeader {
	margin-bottom: 5px;
	height: 24px;
}

.lotusMenu ul, .portlet-menu ul {
	margin: 5px 0 0 0;
}
.lotusMenu li.lotusSelected a, .portlet-menu li.lotusSelected a, .lotusMenu h3.lotusSelected, .portlet-menu h3.lotusSelected {
	background-color: #283f5e;
	background-image: none !important;
}

.lotusMain {
	background-image: none;
	padding:5px;
	min-height:10px;
}

.lotusTitleBar h2 {
	width: auto;
}

.lotusui .lotusContent {
	padding: 15px 20px 20px;
	min-height: 1000px;
}

.lotusMain .lotusContent {
	position: relative;
	border-top-width: 1px !important; /* Override of the important tag in the OneUI CSS */
}

.lotusWelcomeBox {
	margin-top: 30px;
	font-size: 1.2em;
	line-height: 1.4em;
}
span.lotusBtnRight {
	margin-right:0px;
	margin-left:5px;
}
span.lotusBtn a {
	padding: 2px 8px 3px;
}

span.lotusBtn a, span.lotusBtn a:visited {
	color:#000000;
}
td.nowrap, td.nowrap span {
    white-space: nowrap;
}

/* div as button */
.sherlockDivButton {
	display: inline-block;
}
.sherlockDivButton[style] {
   display: inline-block !important;
}
.sherlockDivButton a.lotusBtn {
	padding: 2px 7px 3px 7px;
	margin-right: 2px;
}
.sherlockDivButton a:hover, .sherlockDivButton a:focus, .sherlockDivButton a:active {
  text-decoration: none;
}

/* For charts? */
legend {
	-x-system-font: none;
	color: #003366;
	font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial,
		helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

/*
td.thead,th.thead,div.thead {
	padding: 4px;
}
*/

.contactdetails {
	display: block;
	padding-bottom: 20px;
}

.viewphoto {
	max-width: 150px;
}

.photo {
	float: right;
}

label {
	/* color: #666666; */
	font-weight: bold;
}

/* Radio button */
.xspRadioButton {
	border: 0px;
	padding: 0px;
	/* width: 100%; */
	font-weight: normal;
	display: inline;
}
.xspRadioButton td {
	white-space: nowrap;
}
.xspRadioButton label {
	font-weight: normal;
}
.xspCheckBox { /* removing the border around check boxes */
	border: 0px;
	font-weight: normal;
	/* width: 100%; */
}
.xspCheckBox td {
	white-space: nowrap;
}
.xspCheckBox label {
	font-weight: normal;
}

.leftpanel {
	float: left;
	/*padding-top: 50px;*/
	padding-right: 20px;
}

.contactname {
	font-size: 1.3em;
	font-weight: bold;
	color: #73BE59;
}

.metadata {
	color: #666666;
}

.companyname {
	font-size: 1.1em;
}

.telephone {
	
}

.emailaddress {

}

/*
input, select, textarea {
	width: 100%;
}
*/

.dijitReset input {
	height: 1.5em;
	padding-top: 1px;
	padding-bottom: 1px;
} 

.xspTextLabel {
	font-weight:bold;
	white-space: initial;
}

a .xspTextLabel {
	cursor: pointer;
}

.scopedvariablescontainer {
	padding-top: 10px;
	clear: both;
}

.lotusContent > .lotusActionBar {
	margin-bottom: 5px !important;	
}

.lotusActionBar {
	min-height: 2.3em;
	height: auto;
	white-space: normal;
}

.lotusActionBar > .lotusLeft {
	margin-top: 8px;	
	width: calc(100% - 200px);
}
.lotusActionBar .lotusLeft .lotusBtn {
	margin-left: 0px;
	margin-bottom: 5px;	
}
.lotusActionBar .lotusSort {
	max-width: 90%;
}
.lotusBtnContainer {
	overflow: visible;	
}
.lotusBtn:active {
	background-image: none;
	background-color: #d8d8d8;
}
/* Only for button in lotusRight in lotusActionBar if lotusActionBar is the next sibling to lotusHeader */
.lotusHeader + .lotusActionBar .lotusRight button.lotusBtn, .lotusHeader + .lotusActionBar .lotusRight div.lotusBtn {
	top: 30px;
	position: relative;
}
.lotusActionBar .lotusRight .sherlockHelpTip, .lotusActionBar .lotusRight .involveFavPanel {
	top: 30px;
	position: relative;
}
.lotusActionBar .lotusRight.sherlockTwoButtons button.lotusBtn {
	top: 7px;
	position: relative;
}
.lotusSort {
	margin: 0px 0px 0px 5px;
	font-size: 1em;
	float: left;
}

.lotusSort a {
	vertical-align: top;	
}

.sherlockFormTable .lotusSort {
	margin: 0px;
}

.lotusColLeft, .lotusColRight {
	padding: 15px 5px;
}

.lotusTitleBar {
	border-bottom: 4px solid white;
	background-image: none;
}

.lotusContent .lotusLeft .xspTextLabel, .lotusContent .lotusLeft .xspInputFieldEditBox {
	vertical-align: middle;
}

.lotusSearch a {
	margin-left: 5px;
}
.lotusSearch .lotusBtnImg a {
	margin-left: 0px;
}
.lotusSearch td {
    vertical-align: middle;
}
.lotusSearch .lotusText {
    padding: 0px !important;
    padding-left: 5px !important;
    height: 22px !important;
}

.xspDataTableViewPanel {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
}
.sherlockViewTableFilter.xspDataTableViewPanel .xspDataTableViewPanelFooterMiddle {
	border-left: 1px solid #e8e8e9;
	border-right: 1px solid #e8e8e9;
	padding-left: 10px;
	padding-top: 7px;
    padding-bottom: 7px;
}
.sherlockViewTableFilter .xspPagerContainer {
	height: 24px;
    background-color: #fafafa;
    border: 1px solid #e8e8e9;
    font-size: .9em;
}
.sherlockViewTableFilter .xspPagerRight {
    padding-right: 10px;
}
.sherlockViewTableFilter > tbody > tr {
	cursor:pointer;
}
.sherlockViewTableFilter > tbody > tr:hover {
	background:#EAEAEA !important;
	cursor:pointer;
}
.sherlockViewTableFilter > tbody > tr:nth-child(odd) {
	background-color: #F4F5F6;
}
.sherlockViewTableFilter > tbody > tr:nth-child(even) {
	background-color: white;
}
.xspCheckBoxViewColumn {
	margin-right: 10px !important;
}

/* No visible links in dynamic view panels */
.lotusui .xspDataTableViewPanel .xspLinkViewColumn, .lotusui .xspDataTableViewPanel .xspLinkViewColumn:hover {
	color: #222;
	text-decoration: none;	
}

/* Paging in general */
.xspPanelViewColumnHeader {
	font-weight: bold;
	padding: 0px;
}
.xspDataTableViewPanelHeaderMiddle .xspPagerContainer {
	border: 0px;
}
.lotusTable .xspPagerContainer > .lotusPaging {
	margin: 0px;
	border: 0px;
	padding: 1px 0px;
	padding-left: 5px;
	font-size: 0.9em;
}
.lotusTable .lotusPaging {
	padding: 0px;	
}
.xspPagerRight {
	padding: 4px 0px 4px 0px;
}
.xspPagerContainer .lotusInlinelist {
	padding-top: 3px;
}
.xspPagerContainer .xspGroup {
    padding-top: 1px;
}
/* END: Paging in general */

/* Paging in Dynamic view panels */
.xspDataTableViewPanel .lotusPaging {
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
}
.xspDataTableViewPanel .xspDataTableViewPanelHeaderMiddle table {
	border-spacing: 0px;
	padding: 0px;
}

.xspDataTableViewPanel .xspDataTableViewPanelHeaderMiddle {
	height: 26px;
}

.xspDataTableViewPanel .xspDataTableViewPanelFooterMiddle {
	padding: 3px 0px 3px 0px;
}
.xspDataTableViewPanel .xspDataTableViewPanelHeaderMiddle .lotusInlinelist {
	padding-top: 3px;
} 
/* END: Paging in Dynamic view panels */

/* Paging in widgets */
.lotusWidget2 .lotusTable {
	margin-left: 0px;
}
.lotusWidget2 .xspDataTableViewPanel {
	margin-top: 0px;
}
.lotusWidget2 .lotusWidgetBody {
	padding-top: 0px;
	border-width: 1px;
}
.lotusWidget2 .xspPagerContainer {
	border: none;
}
.lotusWidget2 .lotusPaging {
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
}
.lotusWidget2 .xspDataTableViewPanelHeaderStart, .lotusWidget2 .xspDataTableViewPanelHeaderMiddle, .lotusWidget2 .xspDataTableViewPanelHeaderEnd {
	display: none;	
}
.lotusWidget2 .xspDataTableViewPanel .xspDataTableViewPanelFooterMiddle {
	padding: 2px;
}
.lotusWidget2 .xspDataTableViewPanel .xspDataTableViewPanelFooterMiddle table {
	border-spacing: 0px;
	padding: 0px;
}

.lotusWidget2 .xspDataTableViewPanel .xspDataTableViewPanelFooterMiddle .lotusInlinelist {
    float: left;
    margin-top: 5px;
}
/* END: Paging in widgets */

.lotusWidget2 h2 {
    padding: 6px 5px 2px 10px;
    min-height: 1em;
    border-radius: 0;
}

.lotusWidget2 img.spinner {
    margin: 10px;
}

/* Sherlock Form Table (replacement for lotusFormTable) */
.sherlockFormTable {
	width: 100%;
	background-color: #F4F5F6;
	margin-bottom: 15px;
	table-layout: fixed;
	border: 2px solid #E5E5E5;
	border-collapse: collapse;
	border-collapse: separate;
    empty-cells: hide;
}
.sherlockFormTable > tbody > tr > td {
	border-width: 0;
	padding-right: 3px;
	height: 14px;
	padding: 2px;
	vertical-align: top;
}
.sherlockFormTable .xspDataTableViewPanel {
	margin-top: 0px;
	margin-bottom: 0px;	
}

.xspDataTableViewPanel td img[src*="vwicn999.gif"] {
	display: none;
}

.lotusDialog .sherlockFormTable, .dijitDialogPaneContent .sherlockFormTable {
    border: none;
    background-color: transparent;
}
/*.sherlockFormTable > td > table {
	border-spacing: 0px;
	table-layout: fixed;
}
.sherlockFormTable > td > table td {
	padding-left: 0px;
}*/

.sherlockFormTable table {
	border-spacing: 0px;
}

.sherlockFormTable > table > td {
	padding: 0px;
}
.sherlockFormTable .dijitInline {
	padding-left: 1px;
	height: 22px !important;
}
.sherlockFormTable .dijitInputField {
    height: 22px;
}

/* lotusFormTable */
.lotusFormTable {
	margin-bottom: 15px;
	table-layout: fixed;
	border: 2px solid #E5E5E5;
	border-collapse: collapse;
}
.lotusFormTable td {
	background-color: transparent; /* override OneUI CSS */
	padding: 2px;
}
.lotusFormTable > td {
	background-color: #F4F5F6;
	height: 14px;
}

.lotusFormTable .xspDataTableViewPanel {
	margin-top: 0px;
	margin-bottom: 0px;	
}

.lotusFormTable > td > table {
	border-spacing: 0px;
	table-layout: fixed;
}
.lotusFormTable > td > table td {
	padding-left: 0px;
}
.lotusForm {
	margin-top: 10px;
	table-layout: fixed;
}

.lotusTable {
	margin: 5px;
	/* table-layout: fixed; */
}

.lotusTable td.reportNo {
	width: 7%;
}

.lotusTable td.companyName {
	width: 10%;
}

.lotusTable td.product {
	width: 10%;
}

.lotusTable td.fejlDato {
	width: 10%;
}

.lotusTable td.viewSubject {
	width: auto;
}

.lotusTable .row {
	background-color:white;
}
.lotusTable .altRow {
	background-color:#F8F8F8;
}

.lotusTable .altRow:hover, .lotusTable .row:hover {
	background:#EAEAEA;
	cursor:pointer;
}

.lotusTable .hideRow {
	display: none;
}

.lotusTable .xspDataTableViewPanelHeaderStart {
	padding: 0px;	
}

.lotusTabs img {
	vertical-align: top;
}
.lotusTabs li.lotusSelected {
	border-style: solid;
}

/* Single category views */
.singleCategoryViewPanel .xspDataTableViewPanelHeaderStart, .singleCategoryViewPanel .xspDataTableViewPanelHeaderMiddle, .singleCategoryViewPanel .xspDataTableViewPanelHeaderEnd {
	display: none;	
}
.singleCategoryViewPanel .lotusTable {
	margin: 0px;
}
.singleCategoryViewPanel .xspDataTableViewPanelFooterStart, .singleCategoryViewPanel .xspDataTableViewPanelFooterMiddle, .singleCategoryViewPanel .xspDataTableViewPanelFooterEnd {
	display: none;	
}
.singleCategoryViewPanel .lotusTable th, .singleCategoryViewPanel .lotusTable td {
	padding: 1px 1px;
}
.singleCategoryViewPanel .xspPanelViewColumnHeader {
	font-weight: bold;
}

/* Tabbed Panel */
.lotusContent .lotusTabContainer {
	height: auto;
	min-height: 2em;
	z-index: 0;
}
.lotusContent .lotusTabContainer .lotusTabs {
	position: relative;
	max-width: 90%;
	padding-top: 5px;
}
.lotusContent .lotusTabContainer .lotusTabs li {
	margin: -3px 2px 0 0 !important;
}

/* Input fields */
.xspInputFieldEditBox, .xspInputFieldSecret {
	height: 1.5em !important;
	border: 1px solid #E5E5E5;
	background-color: white;
	background: white;
	width: 99%;
	margin: 0;
}

/* Remove iOS rounded corners */ 
input[type="text"], input[type="password"], textarea, select {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 2px !important;
	box-sizing: inherit !important;
}
/* Don't break fields in CK Editor */
.cke_dialog_body input[type="text"] {
    padding: inherit !important;
}

.xspInputFieldTextArea, .tundra div.xspInputFieldDateTimePicker {
	background-color: white;
	background: white; 
	width: 70%;
}

.tundra div.sherlockDateFullWidth {
	width: 99%;
}

.tundra div.sherlockTimePicker {
    width: 100px;
}

/* ruler */
.sherlockHr {
    border: none;
    /* top    */ border-top: 1px solid #ccc;
    /* middle */ background-color: #ddd; color: #ddd;
    height: 1px;
    *height: 2px; /* IE6+7 need the total height */
    margin-top: 15px;
}

/* Section */
.xspSection-header-underline {
	font-weight: normal;
}
.collapsableSection {
	cursor: pointer;	
}

/* Rich Text */
.xspInputFieldRichText {
	height:auto;
	width: 99%;
	min-height: 40px;
	border: 1px solid #E5E5E5;
	/*background-color: #FAFAFA;*/
	padding: 5px;
	margin: 0 0 3px;	
	/* background: white url(/domjava/xsp/theme/oneuiv2.1/images/validationInputBg.gif) repeat-x scroll left top; */
	overflow-wrap: break-word;
	overflow: auto;
}
.xspInputFieldRichText video {
	max-width: 100%;
}
.xspInputFieldRichText .cke_bottom {
	display: none;
}
.xspInputFieldRichText a, .xspInputFieldRichText a:visited {
  color: #324f76;
}

.xspInputFieldRichText img {
	/* Disabled da det generer hotspots
    max-width: 100%; */
    width: auto;
    height: auto;
}
.xspInputFieldRichText table {
    /* table-layout: fixed; */
    width: 100%;
}
.xspInputFieldRichText figure.attachment {
    margin: 0px;
}
.xspInputFieldRichText img.fromMobile, .xspInputFieldRichText figure.attachment img {
    max-width: 500px;
}

.xspInputFieldRichText img.fromMobile:hover, .xspInputFieldRichText figure.attachment img:hover {
    position:relative;
    width:auto;
    height:auto;
    display:block;
    max-width: none;
    padding: 1px;
    margin: 2px 0 0;
    background-color: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}

/* pickers */
a.lotusFilter {
	color: black;
}
.lotusFilters {
	font-size: 1em;
}
.lotusFormTable .lotusFilters > span, .sherlockFormTable .lotusFilters > span {
	float: left;
}
.lotusFormTable span + a > img {
	float: left;
}
.sherlockFormTable span + a > img {
	float: left;
}
.lotusFilters, .lotusFilters > span, .lotusFilters > span > span  {
	/* display: block; */
	margin-top: 0px;
	margin-left: 0px !important;
	margin-right: 5px;
}

.labelTooltip {
	background-color:rgb(255,255,128);
	cursor: help;
}
.lotusFilters2 {
	margin-bottom: 10px;
}

/* Section */
.xspSection {
	margin-bottom: 15px;
}
.xspSection-header-underline {
	font-weight: bold;
}

/* Dojo fixes */
.lotusui .dijitDateTextBox .xspInputFieldDatePickerIcon, .lotusui .dijitDateTextBox .xspInputFieldTimePickerIcon {
	background-color: transparent !important;
	height: 14px;
}
.tundra .dijitComboBox {
	padding-right: 0px;
	padding-bottom: 0px;
}
.tundra .dijitTextBox .dijitArrowButtonInner {
	background-color: transparent !important;
	padding: 2px;
}
.tundra .dijitTextBox {
	border: 1px solid #E5E5E5;
	width: 99%;
	background: #fff;
}
.xsp .dijitComboBox .dijitButtonNode, .xsp .dijitSpinner .dijitButtonNode {
	border-color: #E5E5E5;
	padding: 2px;
}
/* Dynamic View Panels: color of categorization links */
/*
.xspColumnViewStart a, .xspColumnViewStart a:visited, .xspColumnViewMiddle a, .xspColumnViewMiddle a:visited {
	color: black;
}
.xspLinkViewColumn {
	color: #105CB6;
}
*/
.xspColumnViewStart button + a, .xspColumnViewMiddle button + a {
    font-weight: bold;
}
.xspColumnViewMiddle {
	padding-top: 0px;
	padding-bottom: 0px;
}

/* Required fields */
[aria-required=true] { background-color: #ffe; }
[required=true] { background-color: #ffe; }
input[aria-invalid=true] { background-color: #fee; border-color: red; }
span[aria-invalid=true] { background-color: #fee; border-color: red; }
.lotusFormRequired {
  font-weight:bold;
  padding-right: 2px;
}

.richTextFiles {
	margin-bottom: 5px;	
}


/* File download/upload */
.xspInputFieldFileUpload {
	margin-right: 10px;
	border: 1px solid #E5E5E5;
	background-color: white;
	background: white;
}
/* Hide link for not yet saved files */
.lotusui .xspLinkFileDownload[href*="/persistence/"] {
	color: currentColor;
	pointer-events: none;
}

.lotusui textarea {
	width: 99%;
	min-height: 100px;
}

.lotusBtnSmall {
	padding: 1px 5px 1px 5px !important;
}

/* Dialog */
.lotusDialogBorder, .lotusDialog, .dijitDialogPaneContent {
	min-width: 600px;
	max-width: 700px !important;
}
.lotusDialog h1, .dijitDialogPaneContent h1 {
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	font-size: 1.5em;
}
.lotusDialog h1 .lotusClose, .lotusDialog h2 .lotusClose, .dijitDialogPaneContent h1 .lotusClose, .dijitDialogPaneContent h2 .lotusClose {
	margin-left: 10px;
}
.lotusDialog .lotusDialogContent {
	padding: 10px;
	max-height: none;
	/* min-height: 600px; */
}
.lotusDialog .sherlockFormTable, .dijitDialogPaneContent .sherlockFormTable {
	border: none;
}
.dijitDialogPaneContent .sherlockFormTable, .dijitDialogPaneContent .sherlockFormTable > tbody > tr > td, .lotusDialog .sherlockFormTable > tbody > tr > td  {
	background-color: white;
}
.lotusDialog .lotusMessage {
	margin: 5px;
	width: auto;
	top: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.lotusDialog .xspInputFieldFileUpload, .dijitDialogPaneContent .xspInputFieldFileUpload, .lotusDialog .xspInputFieldFileUpload:focus, .dijitDialogPaneContent .xspInputFieldFileUpload:focus {
	border: none !important;
}

/* Prompt dialog */
.sherlockPromptDialog, .sherlockPromptDialog .lotusDialog, .sherlockPromptDialog .dijitDialogPaneContent {
	min-width: 400px;
	overflow: hidden;
}

/* h2 */
.lotusui h2 {
    margin: 15px 0 15px 0;
}

.lotusBtn a img {
	margin-left: 4px;
}

/* Disabled buttons etc. */
button.lotusBtn:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="file"]:disabled, button:disabled, select:disabled, keygen:disabled, optgroup:disabled, option:disabled, select[disabled] > option {
	color: graytext !important;
	cursor: not-allowed;
}

/* Help og Favorites */
.sherlockHelpTip {
	float: left;
	margin-right: 10px;
	z-index: 10;
}
.sherlockHelpTip .helpLink, .sherlockHelpTip .helpLink:hover, .sherlockHelpTip a:hover, .sherlockHelpTip a:focus, .sherlockHelpTip a:active {
	text-decoration: none;
}
.sherlockHelpTip .helpIcon {
	font-size: 30px;
	color: #b0b0b0;
}
.sherlockHelpTip .helpIcon:hover {
	color: #222;
}
.involveFavPanel {
	float: left;
}

/* Detailed table */
.sherlockTableDetail > tbody > tr:nth-child(odd) {
	background-color: #F4F5F6;
	empty-cells: show;
}
.sherlockTableDetail > tbody > tr:nth-child(even) {
	background-color: white;
	empty-cells: show;
}

/* Supplier complaint */
.sherlockSupplierAddresses .xspInputFieldEditBox {
	width: 75%; 
}
.sherlockSupplierAddresses td+td {
  text-align: right;
}

.publicSupplierComplaintDialog .lotusClose {
	display: none;
}

.publicCustomerSatisfactionDialog .lotusClose {
	display: none;
}

/* Number fields for costs table */
.sherlockCostsTable td {
	padding-right: 5px;
}
.rightNumber {
	text-align: right;
}
/* Logo */
.sherlockLogo {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* messages */
.lotusMessage {
    top: 20px;
    margin-bottom: 30px;
    margin-top: 15px;
    -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.lotusMessage span {
    margin-left: 0px;
}
.sherlockFormTable .lotusMessage {
	top: 0px;
    margin-bottom: 5px;
    margin-top: 10px;
    -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

/* FMEA font */
.sherlockFMEAClass {
	font-family: Wingdings;	
}

/* IE hack to fix colspan issue with table-layout fixed */
.sherlockIETableColspan td {
	padding: 0px !important;
	height: 0px !important;
}

/* Dojo tab container */
.dijitTabListWrapper {
    height: 22px !important;
}
.dijitTabContainer {
    margin-bottom: 15px;
}
.dijitTabListContainer-top *:focus {
	outline:none;
    -webkit-appearance:none;
    -webkit-focus-ring-color:none;
}
.tundra .dijitTabPaneWrapper {
	border: none;
	border-bottom: 1px solid #ccc;
}
.tundra .dijitTabContainerTopStrip {
	border: none;
	background: transparent;
}
.tundra .dijitTabContainerTop-tabs .dijitTabChecked {
	border-color: #aaa #aaa #fff;
}
.tundra .dijitTabContainer .dijitTabCheckedHover {
	border-color: #aaa #aaa #fff;
}
.tundra .dijitTabContainer .dijitTabHover {
	border-bottom-color: transparent;
}
.tundra .dijitTabContainerTop-tabs .dijitTabChecked .tabLabel {
	font-weight: bold;
}
.tundra .dijitTab {
	border: 1px solid #CCC;
	background: none;
}
.tundra .dijitTabChecked {
	border-color: black;
	background-image: none;
}
.tundra .dijitTabContainerTop-dijitContentPane, .tundra .dijitTabContainerLeft-dijitContentPane, .tundra .dijitTabContainerBottom-dijitContentPane, .tundra .dijitTabContainerRight-dijitContentPane, .tundra .dijitAccordionContainer-dijitContentPane {
}
.tundra .dijitTabContainerTop-dijitContentPane, .tundra .dijitTabContainerLeft-dijitContentPane, .tundra .dijitTabContainerBottom-dijitContentPane, .tundra .dijitTabContainerRight-dijitContentPane, .tundra .dijitAccordionContainer-dijitContentPane {
	padding-left: 0px;
	padding-top: 10px;
}

.lotusErrorContent {
	overflow: auto;
}

.printOnly {
	display: none;
}

.hide {
	display: none !important;
}

*:focus, .xspInputFieldEditBox:focus {
/*	outline: none !important;
	border: 1px solid #E5E5E5 !important; */
}

/* focus on edit field */
.xspInputFieldEditBox:focus {
    border: 1px solid #406b9b !important;
}

.apbFaresymboler img {
	margin-right: 5px;
}

/* hide "keep page alive" div */
div[id$="alive"] {
	display: none;
}

/* Zero Clipboard */
.lotusBtn.hover {
	border: 1px solid #666;	
}
.lotusBtn.active {
	border-color: #666;
	background-image: none;
	background-color: #d8d8d8;	
}

.lotusActiveSort {
	font-weight: bold;
}

.helpLink:hover, .helpLink i:hover {
	cursor:pointer;
	color:black !important;
}
.sherlockHelpTip .helpLink i {
	margin-left: 0px;
}
.xspDataTableViewPanelHeaderMiddle .helpLink i {
	padding-top: 7px;
	padding-left: 10px;
}

/* Favorites */
.involveFavErrorPanel {text-align:center;}
.involveFavoritesMain {}
.involveFavPanel { z-index: 10;} 
.involveFavLink {}
.sherlockFavoritesViewTable .xspColumnViewStart {
    width: 25px;
}

/* Scrollable div for scrollable table */
.scrollable {
    overflow-x: scroll;
    overflow-y: scroll;
    margin-bottom: 10px;
    max-height: calc(100vh - 260px);
}
.scrollable .lotusTable td, .scrollable .lotusTable th {
    height: 28px;
}
.scrollable thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  background: #fff;
}
.scrollable thead th:first-child {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  z-index: 1;
}

.scrollable tbody td:first-child {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
}
.fadeRight {
    top: 65px;
    right: 0;
    width: 10%;
    min-height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 30%,rgba(255,255,255,1) 100%);
    position: absolute;
    pointer-events: none;
}
.fadeBottom {
    top: calc(100vh - 235px);
    border: 0;
    height: 100px;
    min-width: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,rgba(255,255,255,1) 100%);
    position: absolute;
    pointer-events: none;
}

/* Select2 */
.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: transparent;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    float: right;
    padding-left: 4px;
}

.select2-container .select2-dropdown {
    max-width: 50%;
}
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #324f76;
    color: white;
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #E5E5E5;	
}

/* PRINT */
@media print {
	body {
		overflow-x: visible;
		overflow-y: visible;
		-webkit-print-color-adjust: exact;		
	}
	body .lotusFrame {
		width: 210mm;
		min-width: 1000px;
	}
	body.lotusui {
		/* font-size: 1.1em; */
	    background-color: transparent;
	}
	.lotusui .lotusContent {
		min-height: 0px;
	}
	.lotusMain {
		padding: 0px !important;
	} 
	.lotusBanner, .lotusTitleBar, .lotusColLeft, .lotusActionBar, .lotusTabContainer, .lotusFooter, .lotusLegal, .debugToolbar, .sherlockLogo {
		display: none;
	}
	.sherlockFormTable, .sherlockFormTable > tbody > tr > td {
		background-color: transparent;
	} 
	.lotusFrame, .lotusMain, .lotusMain .lotusContent, .lotusContent, .xspInputFieldRichText {
		border: none;
	}
	.xspInputFieldRichText {
		-webkit-print-color-adjust: exact;
	}
	.lotusFrame {
		min-width: inherit; /* min-width set to a width in pixel causes issues with page breaks when printing */ 
	}
	.printOnly {
		display: block;
	}
	.doNotPrint {
		display: none;
	}
	.dijitTabController {
		display: none;
	}
	.dijitHidden {
		display: block !important;
	}
	.quickSearch {
		display: none;
	}
	.addPageBreak {
		page-break-after: always;
		break-after: always;
	}
	.xspSection-header img {
		display: none;
	}
	.dBar {
		display: none;
	}
	/*
	.xspDataTableViewPanel tr:first-child, .xspDataTableViewPanel tr:last-child {
		display: none;
	}
	*/
	.dataTables_wrapper [ID^='tableHeader'], .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate {
		display: none;
	}
	.dataTables_wrapper th select {
		display: none;
	}
	
	.hrEmployee {
		font-size: 1.2em;
	}
	.hrEmployee div.lotusHeader {
	    display: none;
	}
}

/* Quick search */
.quickSearch .lotusSearch .xspTextLabel {
	margin-right: 5px;
} 

.quickSearch .lotusSearch .xspInputFieldEditBox {
	padding-left: 5px;
	width: 200px;	
}
.quickSearch .lotusSearch .lotusBtnImg {
    margin-left: 2px;
}
.quickSearch .lotusSearch a.lotusDelete img, .quickSearch.lotusSearch a.lotusDelete img {
    width: 16px;
    height: 16px;
    background-position: 2px -2678px;
}
/* Tablet */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	body .lotusBanner ul.lotusUtility li {
		font-size: 1em;
	}
}

/* statistics.css */
.filtersection {
	margin-bottom: 10px;
}
.hidden {
	display:none;
}
.filtersection .field {
	margin-right: 20px;
	margin-bottom: 5px;
}

.filtersection label {
	margin-right: 5px;
}

.filtersection .date {
    float: left;
    width: 400px;
}

.filtersection .date select {
	margin-left: 10px;
}

.filtersection .date .dijitTextBox {
	width: 200px;
}

.filtersection .keyword {
	float: left;
	width: 400px;
}

.filtersection .number {
	float: left;
	width: 400px;
}

.filtersection .number input {
	width: 40px;
	margin-right: 5px;
}

.controlssection {
	text-align: center;
}

.header {
	float: left;
}

.controls {
	float: right;
}

#resultCount {
	top: 5px;
	padding-right: 5px; position : relative;
	float: right;
	position: relative;
}

/* Statistics homepage*/
.statistics iframe {
	width: 800px;
	height: 500px;
	overflow: hidden;
	border: none 0 white;
	float: left;
	background:transparent;
 	background:url(progressbar.gif) center center no-repeat;
 	margin-bottom: 10px;
}
.statisticsChart {
	height: 500px;
	background:transparent;
 	background:url(progressbar.gif) center center no-repeat;
 	margin-bottom: 10px;
}
.statisticsGraph {
	height: 500px;
	background-color: white;	
}

h1 .fa {
    padding-left: 5px;
}

/* Datatables */
.dataTables_wrapper {
    padding-top: 10px;
    overflow: auto;
    min-height: 25px;
}
h1 + .dataTables_wrapper {
    padding-top: 0px;
}
td > .dataTables_wrapper {
    padding-top: 0px;
}
.dataTables_wrapper tbody tr.odd:hover>td,.dataTables_wrapper tbody tr.even:hover>td {
	background: #EAEAEA;
	cursor: pointer;
}
.dataTables_wrapper .datatableFunktionsbeskrivelserFlat tbody tr.odd:hover>td, .dataTables_wrapper .datatableFunktionsbeskrivelserFlat tbody tr.even:hover>td {
	cursor: default;
}

.dataTables_wrapper select {
    -webkit-appearance: menulist;
}
.dataTables_wrapper table thead th select {
   max-width: 130px;
}
.dataTables_wrapper table.dataTable thead th {
    vertical-align: top;
}

.dataTables_wrapper table.dataTable thead th, table.dataTable tfoot th {
    /* text-align: left; */
    padding-left: 10px;
}

.dataTables_wrapper .table-bordered {
	margin-bottom: 5px;	
}

.dataTables_categoryfilter {
	padding-right: 5px;
	display: inline-block;	
}

.dataTables_wrapper .fa.sherlockExternalLink {
	color: #222;
	font-size: 12px;
}


table.dataTable tbody td {
    vertical-align: top;
}
table.dataTable tbody td::after {
    content: "";
}

table.dataTable th select {
    margin-top: 5px;
}

.lotusBtnContainer .lotusBtn {
	z-index:10;
}

.dataTables_wrapper .dt-checkboxes {
    margin: 0;
}
.dataTables_wrapper .fa {
    font-size: 1.4em;
}
.dataTables_wrapper .fa.fa-check-square, .dataTables_wrapper .fa.fa-check {
    color: green;
}
.dataTables_wrapper .fa.fa-exclamation-triangle, .dataTables_wrapper .fa.fa-bolt {
    color: #F2CA27;
}
.dataTables_wrapper .fa.fa-times-circle, .dataTables_wrapper .fa.fa-times {
    color: red;
}
.dataTables_filter input {
	width: 200px;
}
.taskMatrixRed.fa, .taskMatrixYellow.fa, .taskMatrixGreen.fa,
.inspectionRed.fa, .inspectionYellow.fa, .inspectionGreen.fa {
    font-size: 1.4em;
}
.taskMatrixGreen.fa.fa-check-square,
.inspectionGreen.fa.fa-check-square {
    color: green;
}
.taskMatrixYellow.fa.fa-exclamation-triangle,
.inspectionYellow.fa.fa-exclamation-triangle {
    color: #F2CA27;
}
.taskMatrixRed.fa.fa-times-circle,
.inspectionRed.fa.fa-times-circle {
    color: red;
}

.taskMatrix .empty,
.taskMatrix .yellow,
.taskMatrix .red,
.taskMatrix .green {
	text-align: center;
	padding: 8px;
	color: black;
}
.taskMatrix .red {
	background-color: #ff1e1e;
}
.taskMatrix .yellow {
	background-color: #ffef00;
}
.taskMatrix .green {
	background-color: #20af00;
}
td.taskMatrixLineCell span {
	word-break: break-word;
}
td.taskMatrixLineCell textarea {
	min-height: auto; 
}
.green {
    color: green;
}
.yellow {
    color: #F2CA27;
}
.red {
    color: red;
}

.rotate-45 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* PDF and Favorites buttons in view panel header */
button.header {
    left: -15px;
    position: relative;
    padding: 1px 7px 1px 7px;
}

/* Hack for empty sortable column */
.xspPanelViewColumnHeaderMakeWide {
	width: 15px;
	position: absolute;
}

.icons i {
	margin-right: 5px;
}
h1.formH1 {
	margin-bottom: 10px;
}
h1.marginTop {
	margin-top: 15px;
}

.hrEmployee .cke_editable img, .hrEmployee .xspInputFieldRichText img  {
    max-width: 100%;
    max-height: 100%;
}

.hrSubDocuments .lotusTable .xspColumnViewStart {
    width: 25%;
}

/* GDPR search */
.in-iframe .printIcon {
	display: none;
}
.showDocumentsHeader {
	margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 15px;
    height: 30px;
    border-bottom: 1px solid black;
}
.gdpr iframe {
	width: 100%;
	height: 500px;
	overflow: hidden;
	border: none 0 white;
	float: left;
	background:transparent;
 	background:url(progressbar.gif) center center no-repeat;
 	margin-bottom: 25px;
    border-bottom: 1px solid black;
    padding-bottom: 25px;
}
.in-iframe .dijitHidden {
    display: block !important;
}
.in-iframe .dijitTabController {
	display: none;
}
.in-iframe form {
    height: auto;
}
.in-iframe .lotusMain {
    border-top: none;
}
.in-iframe .lotusBanner, .in-iframe .lotusTitleBar, .in-iframe .lotusColLeft, .in-iframe .lotusActionBar, .in-iframe .lotusTabContainer, .in-iframe .lotusFooter, .in-iframe .lotusLegal, .in-iframe .debugToolbar, .in-iframe .sherlockLogo {
	display: none;
}
@media print {
	.gdpr iframe {
	 	margin-bottom: 0px;
	    border-bottom: none;
	    padding-bottom: 0px;
	    width: 260mm;
	}
}

.sherlockViewTable i {
	padding-right: 5px;
}
.sherlockViewTable .sherlockExternalLink {
	color: inherit;	
}

/* 8D */
.titleD5 {
    background-color: #ddf9d9 !important;
    margin: 5px 0;
    padding: 5px 4px;
    border: #c3bfbf solid 1px;
}
.titleD8 {
    background-color: #c6edff !important;
    margin: 5px 0;
    padding: 5px 4px;
    border: #c3bfbf solid 1px;
}

/* 8D Fishbone diagram */
.fishbone {
	width:1000px;
	height:560px;
	margin-top:30px;
	margin-bottom:30px;
	position:relative;
}
.fishbone .boxGuide {
    left: 650px;
    top: 0px;
    width: 200px;
    position: absolute;
}
.fishbone .boxGuide .guide {
    padding-bottom: 10px;
}
.fishbone .boxGuide .def {
    top: 80px;
    height: 105px;
    border-collapse: collapse;
}
.fishbone .boxGuide .def,
.fishbone .boxGuide .def td {
    border: 1px solid black;
    padding-left: 5px;
} 
.fishbone .boxGuide .def td {
	height: 35px;
}
.fishbone .boxGuide .def .red {
	text-align: center;
	background-color: #ff1e1e;
	color: black;
}
.fishbone .boxGuide .def .yellow {
	text-align: center;
	background-color: #ffef00;
	color: black;
}
.fishbone .boxGuide .def .green {
	text-align: center;
	background-color: #20af00;
	color: black;
}
.fishbone .box { 
	border: 1px solid black;
	background-color: #f4f4f4;
	width: 150px; 
	padding: 2px; 
	min-height: 30px; 
	margin: 0; 
	position: absolute;
}
.fishbone .box .selector {
	width: 8px; 
	height: 30px; 
	float: right;
}
.fishbone .box .selector:hover {
	cursor:pointer;
}
.fishbone .box .selector div {
	background-color: #f4f4f4;
	height: 10px; 
}
.fishbone .box .selector .red {
	background-color: red;
}
.fishbone .box .selector .yellow {
	background-color: yellow;
}
.fishbone .box .selector .green {
	background-color: green;
}
.fishbone .red textarea,
.fishbone .red { 
	background-color: #ff1e1e;
	color: black;
}
.fishbone .yellow textarea,
.fishbone .yellow {
	background-color: #ffef00;
	color: black;
}
.fishbone .green textarea,
.fishbone .green {
	background-color: #20af00;
	color: black;
}
.fishbone .box textarea {
	width: 140px; 
	left: 2px; 
	top: 2px; 
	min-height: auto; 
	resize: none; 
	margin: 0px;
	padding: 0 !important;
} 
.fishbone .line { 
	width: 20px; 
	height: 1px; 
	background-color: black; 
	position: absolute; 
}
.fishbone .lineW { 
	width: 670px; 
	height: 2px; 
	background-color: black; 
	position: absolute; 
} 
.fishbone .lineL2R { 
	width: 255px; height:2px; 
	background-color: black; 
	position: absolute; 
	transform: rotate(-112deg); 
	-webkit-transform: rotate(-112deg);
	-ms-transform: rotate(-112deg); 
} 
.fishbone .lineR2L { 
	width: 255px; 
	height: 2px; 
	background-color: black; 
	position: absolute;
	transform: rotate(112deg); 
	-webkit-transform: rotate(112deg); 
	-ms-transform: rotate(112deg); 
}

tr.red, tr.red a {
    background-color: red !important;
    color: white !important;
}

.xspDataTableFileDownload thead tr th {
    padding: 4px 20px 4px 3px;
}

table.lotusLayout {
	overflow-x: auto;
}