/* || GENERAL STYLES */

html {
	height: 100%;
	overflow: auto;
	font-size: 16px;
}

/* || BODY */
body {
	-webkit-animation-delay: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	background: #e8eaed;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
	color: #39434c;
	height: 100%;
	display: block;
}

@media (max-width: 1680px) {
	body {
		font-size: 12px;
	}
}

@media (max-width: 1440px) {
	body {
		font-size: 11px;
	}
}

.oddEvenTr tr:nth-child(odd) {
	background: #fffefe;
}

.oddEvenTr tr:nth-child(even) {
	background: #f9f9f9;
}

input[type=checkbox], input[type=radio] {
	accent-color: #14695a;
}

.headerInfoPanel input[type=checkbox],
.headerInfoPanel input[type=radio] {
	accent-color: #ffffff;
}

/* || TABLE */

table {
	text-align: left;
	position: relative;
}

th {
	font-size: 0.92307em;
	font-weight: bold;
	color: #666666;
	border-right: 1px solid #CCCCCC;
}

th a {
	text-decoration: none;
	color: #666666;
}

th:first-child {
	border-left: none;
}

/* || BUTTON */
button {
	color: #ffffff;
	cursor: pointer;
}

/* || INPUT */
input {
	font-size: 0.9230769230769231em !important;
	color: #39434c;
	border: 1px solid rgb(213, 216, 222);
}

input::-ms-clear, input::-ms-reveal {
	display: none;
}

input[type='checkbox'][disabled='disabled'] {
	background-color: inherit;
}

input[type=radio]:focus,
input[type=checkbox]:focus {
	box-shadow: none;
}

input[value="∞"] {
	font-size: 31px;
	font-weight: 100;
	line-height: 30px;
	font-family: "Comic Sans MS", cursive, sans-serif;
	color: #5f7080;
}

/*input:-webkit-autofill {*/
/*	-webkit-box-shadow: 0 0 0 1000px white inset;*/
/*}*/

/*input:-webkit-autofill:focus {*/
/*	-webkit-box-shadow:	0 0 8px #32ffbe;*/
/*}*/

/* || IMG */
img {
	border: none;
}

/* || LINK A */
a:link, a:visited, a:active {
	text-decoration: none;
}

/* || SELECT */
select {
	border: 1px solid rgb(213, 216, 222);
	border-radius: 0;
	padding: 2px 2px 2px 3px;
	outline: none;
}

/* || LEGEND */
legend {
	width: 100%;
	color: #1a2b38;
	font-weight: bold;
	font-size: 1.2307em;
	height: 54px;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 0 1px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

legend a,
legend > span {
	text-decoration: none;
	font-size: 1.1875em;
	font-weight: bold;
	color: #1a2b38;
	margin-left: 8px;
	margin-top: 1.1em;
	float: left;
}

/* || MIXED DEFAULT TAGS */
select, input, textarea, span, p, a {
	font-family: 'Open Sans', sans-serif;
}

#signIn span {
	font-family: Calibri, sans-serif;
}

input:focus, select:focus, textarea:focus {
	background: rgb(237, 246, 227) !important;
	box-shadow: inset 2px 4px 10px -6px grey;
}

:focus {
	outline: none;
}

.sliderPanel {
	max-height: 0;
	padding: 0 50px !important;
	overflow-y: hidden;
}

.sliderPanel.transition {
	transition: max-height .5s cubic-bezier(0, 0, 0.3, 1);
}

.sliderPanel.sliderOpen {
	max-height: 1100px;
}

.extraTall .sliderPanel.sliderOpen {
	max-height: 3000px;
}

.sliderPanel.sliderOpen.transition {
	transition: max-height .8s cubic-bezier(0, 0, 1, 0.5);
}

#searchInvoicePage .sliderPanel, .documentModule .searchGroup.multipleInnerGroups .sliderPanel {
	padding: 0 !important;
}

.button, .accountingLineRow span.accountingLineRowPeriodButton.button, .accountingLineRow span.accountingLineRowVatButton.button, .accountingLineRow span.accountingLinePoButton.button {
	background: #14695a;
	color: #ffffff !important;
}

.prevAccounting .accountingLineRow span.accountingLineRowPeriodButton.button,
.prevAccounting .accountingLineRow span.accountingLineRowVatButton.button {
	margin-top: 2px;
}

.button:hover, .button:focus {
	background: #0f3732 !important;
	outline: none;
}

.button:active, .checkWrapper input[type=radio]:checked + label.radioButton {
	background: #14695a !important;
	outline: none;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.checkWrapper input[type=radio]:checked + label.radioButton {
	background-color: #d4d4d4 !important;
	border-color: #adadad !important;
}

.button:hover:active, .button:focus:active, .button:focus:hover:active {
	background: #5faf9b !important;
}

.button.secondaryButton {
	height: 21px;
	white-space: nowrap;
	line-height: 21px;
	color: white !important;
	padding: 4px 12px !important;
	border-radius: 4px;
	font-size: 0.85em !important;
}

.button.grey-28brightButton {
	color: #ffffff !important;
	background-color: #424242 !important;
	padding: 5px 12px !important;
	border: 1px solid #ffffff !important;
}

.button.grey-28brightButton:hover, .button.grey-28brightButton:active, .button.grey-28brightButton:focus {
	background-color: #282828 !important;
	text-decoration: none;
}

.button.whiteButton {
	color: #39434c !important;
	background-color: #ffffff !important;
	border: 1px solid #ccc !important;
	padding: 5px 12px !important;
}

.button.whiteButton:hover {
	background-color: #e6e6e6 !important;
	border-color: #adadad !important;
	text-decoration: none;
}

.button.whiteButton:active {
	background-color: #e6e6e6 !important;
	border-color: #adadad !important;
}

.button.whiteButton:focus {
	background-color: #e6e6e6 !important;
	border-color: #8c8c8c !important;
}

.button.whiteButton:active:hover, .button.whiteButton:active:hover:focus, .button.whiteButton:hover:focus, .button.whiteButton:active:focus {
	background-color: #d4d4d4 !important;
	border-color: #8c8c8c !important;
}

.greenButton {
	background: #5aa725;
	color: #ffffff !important;
}

.greenButton:hover, .greenButton:focus {
	background: #89c93a !important;
	border-color: #4eb100 !important;
	outline: none;
}

.greenButton:active {
	background: #7db736 !important;
	outline: none;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.greenButton:hover:active, .greenButton:focus:active, .greenButton:focus:hover:active {
	background: #7db736 !important;
}

/* HEADER --------------------------- */
.tabpanel {
	background: url("../images/green/top-line-bg.gif") repeat-x scroll 0 0 transparent;
}

#top-border {
	background: #343434;
	border-bottom: 1px solid #505050;
	display: block;
	height: 4px;
	margin: 0 0 4px 0;
	width: 100%;
}

/* MENU --------------------------- */
.tabpanel div.tab-row ul li a {
	color: #ffffff;
	height: 30px;
}

.tabpanel div.tab-row a.inactive:hover {
	color: #e7e7e7;
}

.tabpanel div.tab-row ul li.active a {
	color: white;
	background: #424242;
	text-shadow: none;
	border-bottom: 1px solid #424242;
}

/*.tabpanel div.tab-row ul li.active #selectedBehaviour {*/
/*	background: #40a438;*/
/*	width: 100%;*/
/*	height: 3px;*/
/*}*/

/*.tabpanel div.tab-row ul li #selectedBehaviour {*/
/*	width: 100%;*/
/*	height: 3px;*/
/*}*/

/*.tabpanel div.tab-row ul li.active {*/
/*	line-height: 2.46153em;*/
/*}*/

.tabpanel div.tab-row a.active:hover {
	color: #1e1e1e;
}

/* SUBMENU --------------------------- */


.subtabpanel div.tab-row ul li span {
	color: white;
}


.subtabpanel div.tab-row ul li a {
	background: none repeat scroll 0 0 transparent;
	color: white;
}


.subtabpanel div.tab-row ul li a span {
	background: none repeat scroll 0 0 transparent;
}


.subtabpanel div.tab-row ul li a span.tab-corner {
	background: none repeat scroll 0 0 transparent;
}

/* ADMIN USER BOX --------------------------- */

#user-box a {
	color: white;
}

.flex {
	display: flex;
}

.errandsPileGroup {

}

.blackPile {
	background: top center no-repeat url('../images/overviewpapers/faktura_grey.png') transparent !important;
	width: 114px;
	height: 114px;
}

.blackPile.foreignLanguage {
	background: top center no-repeat url('../images/overviewpapers/invoice_grey.png') transparent !important;
}

.redPile {
	background: top center no-repeat url('../images/overviewpapers/faktura_red.png') transparent !important;
	width: 114px;
	height: 114px;
}

.redPile.foreignLanguage {
	background: top center no-repeat url('../images/overviewpapers/invoice_red.png') transparent !important;
}

.bluePile {
	background: top center no-repeat url('../images/overviewpapers/faktura_blue.png') transparent !important;
	width: 114px;
	height: 114px;
}

.bluePile.foreignLanguage {
	background: top center no-repeat url('../images/overviewpapers/invoice_blue.png') transparent !important;
}

.yellowPile {
	background: top center no-repeat url('../images/overviewpapers/faktura_yellow.png') transparent !important;
	width: 114px;
	height: 114px;
}

.yellowPile.foreignLanguage {
	background: top center no-repeat url('../images/overviewpapers/invoice_yellow.png') transparent !important;
}

.greenPile {
	background: top center no-repeat url('../images/overviewpapers/faktura_green.png') transparent !important;
	width: 114px;
	height: 114px;
}

.greenPile.foreignLanguage {
	background: top center no-repeat url('../images/overviewpapers/invoice_green.png') transparent !important;
}

.userInputPile .pileLinkName {
	overflow: hidden;
	text-overflow: ellipsis;
}

.flagPile {
	background: 11px 22px no-repeat url('../images/overviewpapers/ikona.png') transparent !important
}

.greenFlagPile .pileLinkQuantity {
	background: #4dd165 !important;
}

.redFlagPile .pileLinkQuantity {
	background: #c83c46 !important;
}

.blueFlagPile .pileLinkQuantity {
	background: #7bd1f5 !important;
}

.pileLinkQuantity {
	color: #000000;
}

.flagsPileGroup {

}

.flagsPileGroup_right {

}

/* Grey strack: */
.errandsPileGroup, .editablePileGroup, .afterApprobalPileGroup, .sentForApprovalPileGroup {
	background: center 10px repeat-x url('../images/green/pilegroup_centerbg_Darker.png') transparent;
}

.sentForApprovalPileGroup_right, .editablePileGroup_right, .afterApprobalPileGroup_right, .errandsPileGroup_right {
	background: right 10px no-repeat url('../images/green/pilegroup_rightbg_Darker.png') transparent;
}

.sentForApprovalPileGroup_left, .editablePileGroup_left, .afterApprobalPileGroup_left, .errandsPileGroup_left {
	background: left 10px no-repeat url('../images/green/pilegroup_leftbg_Darker.png') transparent;
}

/* INVOICE LIST --------------------------- */

div.listContainer span.titlePanel {
	color: #000;
}

.printList {
}

.printList:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.showColumnListSettings {
}

.showColumnListSettings:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.excelExportButton {
}

.excelExportButton:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.excelExportButtonREMOVESOON {
	background: url("../images/green/exportTo.png") no-repeat center center transparent;
}

span.removeLink {
	position: relative;
	top: 1px;
}

span.accountingLineRemoveLinkHeader {
	position: relative;
	top: 0;
	border-radius: 5px;
}

span.accountingLineRemoveLinkHeader span {
	display: block;
	width: 27px;
	height: 26px;
}

span.accountingLineRemoveLinkHeader span div {
	width: 27px;
	line-height: 26px;
}

.attentionTable .removeLink {
	background: url("../images/green/list_delete_red.png") no-repeat center center #FADEE3;
	position: relative;
	top: -1px;
}

.flag1 {
	background: url("../images/green/red_flag_small.png") no-repeat center center transparent;
}

.flag2 {
	background: url("../images/green/blue_flag_small.png") no-repeat center center transparent;
}

.flag3 {
	background: url("../images/green/green_flag_small.png") no-repeat center center transparent;
}

.flag4 {
	background: url("../images/green/yellow_flag_small.png") no-repeat center center transparent;
}

.flag5 {
	background: url("../images/onHold.png") no-repeat center center transparent;
}

.flag8 {
	background: url("../images/green/black_flag_small.png") no-repeat center center transparent;
}

.flag9 {
	background: url("../images/green/purple_flag_small.png") no-repeat center center transparent;
}

.infoIcon {
	background: url("../images/green/list_info.png") no-repeat center center transparent;
	width: 16px;
	height: 19px;
	margin-bottom: -2px;
}

.infoIconSmall {
	display: table !important;
	margin-top: 2px;
	font-size: 16px !important;
}


.wicket_orderUp span, .wicket_orderDown span {
	background-color: #d0d1d6;
	font-weight: 700 !important;
}

.wicket_orderNone span {
	background-color: #e8e9ee;
}

/* INFOBOXES ---------------------- */
.infoBoxIcon {
	background: url("../images/green/list_info_small.png") no-repeat center center transparent;
	width: 13px;
	height: 15px;
	margin-bottom: -2px;
}

/* INFOBOXES ---------------------- */
.warningBoxIcon {
	background: url("../images/green/list_warning_small.png") no-repeat center center transparent;
	width: 13px;
	height: 15px;
	margin-bottom: -2px;
}

button.button.add {
}

button.button.remove {
}

button.button.add div {
	background: none;
}

button.button.remove div {
	background: none;
}

div.palette .palette-choices select,
div.palette .palette-selected select {
	border-color: #cccccc !important;
	border-style: solid !important;
	border-width: 1px !important;
}


.newRowButtonID {
	background: #14695a !important;
	color: #ffffff !important;
}

.simpleInvoicehead {
}

.advanceInvoicehead {
}

/*
	Unchecked:
*/
.removeButtonINACTIVE, .sendForApprovalButtonINACTIVE, .approveButtonINACTIVE, .declineButtonINACTIVE {
	background: url("../images/green/checkbox/unchecked.png") no-repeat scroll left top transparent !important;
}

/*
	Disabled:
*/
.removeButtonDISABLED, .sendForApprovalButtonDISABLED, .approveButtonDISABLED, .declineButtonDISABLED {
	background: url("../images/green/checkbox/unchecked_disabled.png") no-repeat scroll left top transparent !important;
}

/*
	Checked:
*/
.removeButtonACTIVE, .sendForApprovalButtonACTIVE, .approveButtonACTIVE, .declineButtonACTIVE {
	background: url("../images/green/checkbox/checked.png") no-repeat scroll left top transparent !important;
}

.documentView .tab-panel .content iframe {
	border: 0;
}

.recentContractName {
	color: #4f697c;
}

.viewButton {
	cursor: pointer;
	height: 32px;
	width: 42px;
	display: inline-block;
	margin: 6px 7px 20px;
	border: 2px solid transparent;
}

.viewButton.viewButtonActive {
	border: 2px solid #ffffff;
	border-radius: 5px;
}

.view0Button {
	background: url("../images/green/Group 14.png") no-repeat scroll 5px;
}

.view0Button:hover {
	background-color: #424242;
	background-position: 5px;
}

.view1Button {
	background: url("../images/green/Group 12.png") no-repeat scroll 5px;
}

.view1Button:hover {
	background-color: #424242;
	background-position: 5px;
}

.view2Button {
	background: url("../images/green/Group 15.png") no-repeat scroll 5px;
}

.view2Button:hover {
	background-color: #424242;
	background-position: 5px;
}

.view3Button {
	background: url("../images/green/Group 13.png") no-repeat scroll 5px;
}

.view3Button:hover {
	background-color: #424242;
	background-position: 5px;
}

.changeDimensionsDuringAccounting {
	background: #d1eaef !important;
}

.overviewIcon {
	background-repeat: no-repeat;
	background-position: 15px center;
}

.icon_editable {
}

.icon_duringApproval {
}

.icon_afterApproval {
}

.icon_redFlag {
	background-image: url("../images/green/red_flag_small.png");
}

.accountingLines_approveIcon {
	background: rgb(237, 246, 227);
}

.accountingLines_declineIcon, .accountingLines_sendBackIcon {
	background: rgb(192, 164, 165);
}

.accountingLines_headerIcon {
	width: 27px;
	height: 26px;
	margin-left: 1px;
}

.cell.accountingLineRowLabelIconCell {
	width: 27px !important;
}

.icon_excel {
	background: url('../images/excel_exact.png') no-repeat center center;
}

.icon_pdf {
	background: url('../images/pdf_exact.png') no-repeat center center;
}

.icon_options, span.showColumnListSettings {
	background: url('../images/options_exact.png') no-repeat center center;
}

.longArrow {
	background-image: url('../images/green/long_arrow5.png');
	height: 227px;
	width: 349px;
	margin-left: auto;
	margin-right: auto;
	clear: left;
	background-repeat: no-repeat;
	padding-right: calc(160px - 6vw);
}

.left {
	float: left;
}

.right {
	float: right;
}

/* This is for the tool tip in ListInvoices class*/
.toolTipTable th, .toolTipTable td {
	text-align: center;
	font-size: 12px;
	margin-left: 10px;
	padding-left: 10px;
	margin-right: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

.toolTipTable td.listAccountingInfoHover {
	max-width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.toolTipSupplierTable th, .toolTipSupplierTable td {
	text-align: left;
	font-size: 12px;
	margin-left: 10px;
	padding-left: 10px;
	margin-right: 10px;
	padding-right: 10px;
}

.listMetaInfoBox {
}

.metaInfoBox {
	white-space: nowrap;
}

.fieldAsLabel {
	border: 0 !important;
	font-size: 13px !important;
	font-weight: 600;
	text-align: right;
	background-color: #ffffff !important;
}

.listMetaInfoBox > .left > * {
	font-weight: bold;
}


hr {
	border: 1px dotted #dddddd;
	margin: 0 10px;
}

ul li {
	list-style: none;
}

.flag1 {
	min-width: 1.2307em;
	height: 19px;
	display: block;
}

.flag2 {
	min-width: 1.2307em;
	height: 19px;
	display: block;
}

.flag3 {
	min-width: 1.2307em;
	height: 19px;
	display: block;
}

.flag4 {
	min-width: 1.2307em;
	height: 19px;
	display: block;
}

.flag5 {
	min-width: 1.2307em;
	display: block;
	height: 33px;
	background-size: 22px;
}

.flag6 {
	min-width: 1em;
	height: 26px;
	font-size: 15px !important;
	line-height: 33px !important;
	text-align: center;
	width: 100%;
	overflow-y: hidden;
	padding-left: 0 !important;
	padding-right: 3px !important;
}

.flag7 {
	min-width: 1em;
	height: 27px;
	font-size: 15px !important;
	line-height: 27px !important;
	text-align: center;
	width: 100%;
	vertical-align: middle;
}

.flag8 {
	min-width: 1.2307em;
	height: 19px;
	display: block;
}

.flag9 {
	min-width: 1.2307em;
	height: 19px;
	display: block;
}

.flag10 {
	display: block !important;
	padding-right: 6px !important;
	padding-left: 6px !important;
	background: url("../images/blockPayment.png") no-repeat center center transparent;
	min-width: 1.2307em;
	height: 33px;
	background-size: 22px;
}

.flagColumn.blockPayment {
	padding-right: 0 !important;
}

/*Olle: the checkbox appears to be of normal size but the clickable area gets bigger*/
.bigCheckBox {
	/* this is needed for invoice list in IE */
	cursor: default;
}

.red {
	background: #ffffff;
	color: #c83c46;
}

.hide {
	display: none;
}

.bold {
	font-weight: bold;
}

.amount {
	text-align: right;
}

.pojoList {
	width: 99%;
}

.content.pojoList {
	padding: 0 15px 75px 15px;
	width: auto;
	float: none;
	margin: 0;
}


.pojoList .collapsibleFieldsetPanel {
	min-height: inherit;
}

.pojoListReports th:not(.editColumn):not(.filterColumn) {
	min-width: 650px;
}

.content,
.displayDocument,
.invoiceHeaderPanel,
.accountingLinesPanel_wrap,
.documentView {
	float: left;
	padding: 0;
	margin: 0 23px 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	border: 0 solid #cccccc;
	box-shadow: 0 0 0 #bfbfbf;
}

.noContentFloat .content {
	float: none !important;
}

#invoicePage .content, .displayDocument, .invoiceHeaderPanel, .accountingLinesPanel_wrap, .documentView {
	width: 45%;
	margin: 41px 3% 0 0;
}

#invoicePage .content.documentTop {
	margin-top: 41px;
	margin-left: -4px;
}

#ImagePage .content {
	width: 45%;
	margin: 0 3% 0 0;
}

#ImagePage .content.documentTop {
	margin-left: -4px;
}

#invoicePage .content.documentView, #supplierContractPage .content.documentView {
	position: absolute;
	top: 4.461538461538462em;
	right: 0;
}

#ImagePage .content.documentView {
	position: absolute;
	top: 4.461538461538462em;
	left: 0;
}

.unit {
	padding: 2px 5px;
	clear: both;
	overflow: hidden;
	margin-top: 2px;
}

.group {
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.marginTop40 {
	margin-top: 40px !important;
}

.marginBottom0 {
	margin-bottom: 0 !important;
}

.marginBottom30 {
	margin-bottom: 30px !important;
}

.marginRight40 {
	margin-right: 40px !important;
}

.marginRight20 {
	margin-right: 20px !important;
}

.paddingRight20 {
	padding-right: 20px !important;
}

.max980w {
	max-width: 980px;
}

.max540w {
	max-width: 540px;
}

.w360 {
	width: 360px;
}

.w1260 {
	width: 1260px;
}

.overflowHidden {
	overflow: hidden;
}

.bold {
	font-weight: bold;
}

.clearNone {
	clear: none !important;
}

.contentContainer {
	width: 100%;
}

.titleAndExplanationWrapper {

}

.titleAndExplanationWrapper .pageExplanation {
	padding-bottom: 0;
}

.titleAndExplanationWrapper legend {
	margin-bottom: 0;
}

/** ---------------------  EYESYSFORM ----------------------**/

.eyesysForm {
	display: table;
	width: 100%;
}

.filterForm {
	margin-bottom: 75px;
}

.noScrollHead {
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.35);
}

.noScrollHead .filterFormGapFiller {
	display: none;
}

.noScrollHead .stickyTopToolBarContainer,
.noScrollHead .listTable .headers th,
.noScrollHead .listTable .filters-tr td {
	position: inherit;
}

.noScrollHead .topToolbarContainer,
.noScrollHead .listTable {
	box-shadow: none;
}

.noFixedHead th,
.noFixedHead td {
	position: inherit !important;
}

.marginBottom {
	margin-bottom: 80px;
}

/*----------- STICKYTOPTOOLBAR -----------------*/

.stickyTopToolBarContainer {
	width: 100%;
	position: sticky;
	top: 57px;
	z-index: 30;
}

.filterFormGapFiller {
	height: 20px;
	z-index: 30;
	width: 100%;
	background: #e8eaed;
	position: initial;
	top: -30px;
	padding-right: 18px;
	margin-left: -9px;
	overflow: hidden
}

.content .filterFormGapFiller {
	padding-right: 46px;
	margin-left: -23px;
}

.pojoList .filterFormGapFiller {
	padding-right: 30px;
	margin-left: -15px;
}

.topToolbarContainer {
	display: flex;
	min-height: 35px !important;
	height: auto;
	align-items: flex-end;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.35);
	padding: 17px 0 3px 0;

}

.toolbarInnerContainer {

}

.toolbarInnerContainer.leftTopContainer {
	order: 0;
	text-align: start;
	margin-left: 25px;
	width: 35%;
}

.toolbarInnerContainer.centerTopContainer {
	order: 1;
	text-align: center;
	width: 30%;
}

.toolbarInnerContainer.rightTopContainer {
	order: 2;
	margin-right: 25px;
	margin-left: auto;
	width: auto;
}

.toolbarComponent {
	display: inline-block;
	margin-bottom: 15px;
}

/** ---------------------  LISTTABLE CLASS ----------------------**/

.listTable {
	border-collapse: separate;
	border-spacing: 0;
	clear: both;
	margin: 0;
	white-space: nowrap;
	width: 100%;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.35);
}

.listTable tr {
	height: 3.16667em;
}

.listTable .norecords {
	margin-left: 27px;
	font-weight: bold;
}

.listTable.invoiceLogTable tr td:first-child {
	white-space: nowrap;
	padding-left: 25px !important;
}

.listTable.invoiceLogTable thead tr th:first-child {
	padding-left: 20px !important;
}

.listTable.invoiceLogTable td {
	max-width: inherit;
}

.listTable.invoiceLogTable {
	box-shadow: none;
}

.listTable .norecords-tr {
	height: 3.384em;
	font-size: medium;
	border-top: 1px solid #CCCCCC;
}

.listTable td {
	overflow: hidden;
	max-width: 11.5384em;
	padding-left: 0.4846em;
	padding-right: 0.4846em;
}

.listTable tr td .checkPanel {
	margin: 0;
	text-align: center;
	width: 100%;
}

.listTable.invoiceLogTable .navigatorLabel {
	padding-bottom: 12px;
}

.listTable .odd td,
.listTable .even td {
	padding-top: 3px;
	padding-bottom: 3px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.listTable .odd td,
.listTable .even td,
.listTable .odd td div,
.listTable .even td div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#cell {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.listTable tbody tr:hover {
	background-color: #dcffff;
}

.listTable tbody tr:hover > td:not(:last-child) {
	border-right: 1px solid #dcffff;
}

.listTable tfoot, #pagingBarTop {
	font-weight: normal;
	font-size: 12px;
	background-color: #e8e9ee;
}

.listTable tfoot tr:hover {
	background-color: #e8e9ee !important;
}

.documentView table.listTable {
	width: 100%;
}

.listTable tbody {
	background-color: #cccccc;
	font-size: 0.92307em;
	font-weight: 600;
}

.listTable .headers .filterColumn {
	padding: 0 10px 0 0;
	max-height: 35px;
	width: 75px;
}

.listTable .titleIcon {
	top: 0;
	width: 50px;
	padding: 0;
	margin: 0;
}

.listTable .even {
	background: #f9f9f9;
}

.listTable .odd {
	background: #fffefe;
}

.listTable .showLink {
	text-decoration: none;
	color: transparent;
	margin: 0;
	background: url("../images/list_show.png") no-repeat transparent;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	display: block;
}

.listTable .go,
.listTable .clear {
	margin: 0 3px;
	padding: 0 3px;
	color: #000000;
}

.listTable .headers th.wicket_orderUp {
	background: #d0d1d6 url("../images/green/ArrowUpMediumGreenLarger.png") no-repeat 98%;
	padding-right: 35px;
}

.listTable .headers th.wicket_orderDown {
	background: #d0d1d6 url("../images/green/ArrowDownMediumGreenLarger.png") no-repeat 98%;
	padding-right: 35px;
}

.headerMarginFix .headers th a,
.headerMarginFix .headers th span {
	padding-right: 9px !important;
}

.uploadListAttachmentsPanel .listTable .headers th,
.deliveryTableWrapper .listTable .headers th,
.invoiceLogTable .headers th,
table.invoiceLogTable .headers th {
	top: 0;
}

.deliveryTableWrapper .listTable .headers th:last-child,
.deliveryTableWrapper .listTable tbody td:last-child,
.invoiceLogTable .headers th:last-child {
	border-right: none;
}

.invoiceLogTable tbody td:last-child {
	border-right: none;
}

.deliveryTableWrapper .listTable {
	box-shadow: none;
}

.documentView .listTable {
	box-shadow: none;
}

/*----------- Headers --------------*/

.listTable .headers th {
	text-align: left;
	padding-left: 0.8em;
	text-transform: uppercase;
	font-weight: normal;
	position: sticky;
	top: 132px;
	z-index: 30;
	height: 34px;
	background: #e8e9ee;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.listTable .headers th a,
.listTable .headers th span {
	padding-right: 10px;
	font-weight: normal;
	color: #1c2b36;
	letter-spacing: 0;
	text-transform: uppercase;
	display: block;
	position: inherit;
}

.listTable .filters-tr td {
	position: sticky;
	top: 170px;
	z-index: 30;
	padding: 0;
	background-color: #ffffff;
}

/*----------- THEAD --------------*/

.listTable thead {
	background-color: #ffffff;
	font-size: 0.92307em;
}

.listTable thead tr td {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.listTable thead tr td .filterInput input:focus {
	outline: none;
}

.listTable thead tr td input {
	padding: 0;
}

/*----------- TBODY --------------*/

.listTable input[type=text] {
	width: 100%;
	height: 100%;
	padding-left: 0.8333em;
	border: 0;
}

.listTable tbody tr td {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.listTable .headers th:first-child,
.listTable .filters-tr th:first-child,
.listTable tbody tr td:first-child {
	border-Left: 1px solid #dddddd;
}

.listTable tbody tr:hover td {
}

.listTable tbody tr:hover td:first-child {
}

/*----------- LIST TABLE SPECIAL CLASS ADDITIONS --------------*/
.documentModule .wideList .filterForm .listTable {
	table-layout: fixed;
	width: 100%;
}

.documentModule .wideList .filterForm .listTable th a span {
	overflow: hidden;
}

.documentModule .wideList .filterForm .listTable .filter-td input[type=text] {
	width: 100%;
}

.documentModule .inputField {
	width: 48%;
}

.documentModule .inlineFlex select.inputField {
	width: 49%;
}


/*----------- Hover --------------*/
.listTable .headers,
.listTable tr.headers:hover,
.listTable tr.export:hover {
	background-color: #e8e9ee;
}

.listTable .headers th .wicket_orderUp a {
	background: #ceecf4;
}

#pagingBarTop .navigatorLabel #navigatorLabel,
.listTable.invoiceLogTable tfoot #navigatorLabel,
.listTable.documentLogTable tfoot #navigatorLabel {
	display: none;
}

.listTable.documentLogTable tfoot .navigatorLabel {
	margin-top: 0;
}

/** ---------------------  FILTER COLUMN ----------------------**/


span.excelExportButton, span.printList, span.showColumnListSettings {
	width: 23px;
	height: 35px;
	border: 0 !important;
	padding: 0 !important;
	cursor: pointer;
}

.listTable .editLink {
	font-size: larger;
	display: block;
	cursor: pointer;
	height: 2.65em;
}

.listTable .editLink .fa-pencil-alt {
	margin-top: 10px;
}

/** ---------------------  PAGING BAR TOP COLUMN  ----------------------**/

#pagingBarTop {
	display: inline-block;
	width: 100%;
	text-align: center;
	height: 0;
	background: #ffffff;
}

#pagingBarTop > td {
	display: block;
	height: 0;
}

#pagingBarTop .navigatorLabel {
	float: none;
}

#pagingBarTop .navigator > span {
	position: relative;
	top: -36px;
}

#pagingBarTop div.navigatorLabel {
	margin-top: 0;
	height: 0;
}

#pagingBarTop .navigator {
	height: 0;
	padding: 0;
}

#pagingBarTop:only-child .navigator > span {
	top: 3px !important;
}

/** ---------------------  NAVIGATION CLASSES ----------------------**/

.navigation {
	color: #393939;
	height: 12px;
	padding: 0 0 7px;
}

.navigation td {
	padding: 10px 0;
}

.navigation em {
	color: #999999;
	font-style: normal;
}

.navigation a {
	text-decoration: none;
}

.navigator em,
.navigator a {
	padding: 6px 12px;
	margin: 0 -3px 0 -2px;
	line-height: 1.42857143;
	color: #1c2b36;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #ddd;
}

.navigator a {
	color: #1c2b36;
	cursor: pointer;
	background-color: #ffffff;
	border-color: #ddd;
}

.navigator a[disabled],
.navigator a:hover[disabled] {
	color: #999999 !important;
	cursor: not-allowed;
	background-color: #ffffff;
	border-color: #ddd;
}

.navigator .goto.currentIndex > a,
.navigator .goto.currentIndex > a {
	color: #ffffff !important;
	background-color: #14695a !important;
	border-color: #14695a !important;
}

.navigator .goto > a {
	cursor: pointer;
}

.navigation .goto a,
.navigation .next,
.navigation .last {
	color: #1c2b36;
}

.navigation .goto em {
	color: #000;
}

.navigation .goto {
	margin: 0;
}

div.navigatorLabel {
	margin-top: 10px;
	padding-left: 54px;
}

.navigatorLabel {

}

.invoiceHeaderPanel .navigatorLabel {
	float: none;
}

/*----------- Hover --------------*/

.navigation a:hover {
	color: #393939;
}

.navigator a:hover {
	color: #23527c;
	cursor: pointer;
	background-color: #eee;
	border-color: #ddd;
}

.navigation .goto a:hover,
.navigation .next:hover,
.navigation .last:hover {
	color: #393939;
}

.navigator .goto.currentIndex > a:hover {
	cursor: not-allowed;
}

/** ---------------------  CHECK BOX COLUMN  ----------------------**/
.checkBoxColumn {
	width: 23px;
}

.checkBoxColumn > input.checkPanel {
	padding-left: 0.3846em;
	padding-right: 0.4846em;
}

th.checkBoxColumn {
	padding-left: 0.4846em !important;
	padding-right: 0.4846em !important;
}

th.checkBoxColumn span {
	padding: 0 !important;
}

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

.pagingSizeDropdown {
	display: block;
	height: 30px;
	position: absolute;
	bottom: 18px;
	right: 5em;
	font-weight: bold;
}

/** -----------------  FEEDBACK PANEL ----------- **/
ul.feedbackPanel {
	list-style: none outside none;
	padding: 0;
	margin: 0;
}

li.feedbackPanelERROR {
	border-radius: 6px;
	color: #AD343C;
	padding: 5px 10px;
	border: 1px solid #c83c46;
	background: #f4dbdb;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	margin: 10px;
	font-size: 13px;
}

#signIn li.feedbackPanelERROR {
	font-size: 14px;
	margin: 0px;
}

#signIn li.feedbackPanelERROR p:last-child {
	margin-bottom: -25px;
}

li.feedbackPanelWARNING {
	background: #fffff7;
	color: #bb6c00;
	border: 1px solid #cf7700;
	padding: 5px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	margin: 10px;
	font-size: 13px;
}

li.feedbackPanelLink {
	font-style: normal;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	margin: 20px 10px 20px 20px;
	padding: 10px !important;
	font-size: 13px;
	text-decoration: underline;
	border: 0 solid !important;
	background-color: #6CD4E8;
	vertical-align: middle;
	color: #717171;
	width: 296px;
	height: 42px;
}

li.feedbackPanelLink p:last-child {
	margin-bottom: -25px;
}

li.signInPanelERROR {
	background-color: #f4dbdb;
	font-style: normal;
	color: #000000;
	margin: 10px;
	padding: 10px;
	font-size: 13px;
}

/** --------------------menues--------------------**/
div.tab-row {
	padding: 0 !important;
}

/** -------------------mainmenu------------------- **/
.mainMenuTab {
	letter-spacing: 1px;
}

div.tabpanel {

}

div.tabpanel div.tab-row {
	line-height: 2.308em;
}

div.tabpanel div.tab-row ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	line-height: 2.46153em;
}

div.tabpanel div.tab-row ul li {
	float: left;
	color: white;
	position: relative;
}

div.tabpanel div.tab-row a {
	text-decoration: none;
	position: static;
	float: left;
}

/** -------------------submenu------------------- **/
.subtabpanel {
	line-height: 1.84615em;
	font-size: 0.92307em;
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 31;
	top: 30px;
	box-shadow: 1px 1px 7px 5px rgba(0, 0, 0, 0.25);
}

.subtabpanel div.tab-row {
	line-height: 2.308em;
}

.subtabpanel div.tab-row ul {
}

.subtabpanel div.tab-row ul li {
	font-weight: 400;
}

.subtabpanel div.tab-row ul li span p, div.subtabpanel div.tab-row ul li a p {
	display: inline;
	margin: 0;
}

.subtabpanel div.tab-row ul li a {
	float: none;
	margin: 0;
	text-shadow: none;
	padding: 0 0.2em !important;
}

.subtabpanel div.tab-row ul li span {
	padding: 0 0.2em !important;
}

.subtabpanel div.tab-row ul li span em {
	font-style: normal;
}

.subtabpanel div.tab-row ul li.active {
	font-weight: 600;
}

.subtabpanel div.tab-row ul li.active .selectedSubMenuLine {
	position: relative;
	border-bottom: 3px solid #32ffbe;
	bottom: 4px;
}

.subtabpanel div.tab-row div.activeWrapper {
	display: inline-block;
	padding-left: 1.1538em;
}

.centsoftBottomBar .activeWrapper {
	display: inline-block;
	padding-left: 0.1538em;
}

/** ---------------------- user box ------------------- **/

#user-box-right {
	padding: 0;
	overflow: hidden;
}

#user-box-right .user-box .wrapperLast,
#user-box-right .user-box .wrapper {
	margin-left: 1.80769em;
	cursor: pointer;
}

#user-box-right .user-box .eyesysIcon {
	font-size: 1.2em;
	height: 2.308em;
	line-height: 2.308em;
}

#user-box-right .user-box .eyesysIcon:before {
	font-size: 1.3em;
}

#user-box-right .UserboxLabel {
	color: white;
	cursor: pointer;
	margin-left: 0.3846em;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	position: relative;
	vertical-align: text-bottom;
}

#user-box-content {
	overflow: hidden;
	padding: 0 0 0 0.6153em;
	height: 30px;
}

#user-box .organization-box,
#user-box .user-box,
#user-box .tools-box {
	float: left;
}

#user-box .organization-box {
	margin: 0 0.5384em 0 0;
}

#user-box .user-box {
	margin: 0 1.5em 0 0;
}

#user-box .tightRightMargin {
	margin: 0 0.5em 0 0 !important;
}

#user-box .tools-box a.epost,
#user-box .tools-box a.faq,
#user-box .tools-box a.manual,
#user-box .tools-box a.support {
	text-indent: -9999px;
	float: left;
}

#user-box .tools-box i,
#user-box .tools-box a {
	color: white;
	font-size: 1.2em;
	margin-right: 0.4em;
	cursor: pointer;
	height: 2.1em;
	line-height: 2.1em;
}

#user-box .tools-box a.epost {
	height: 14px;
	width: 19px;
	overflow: hidden;
	margin: 2px 0 0 0;
	cursor: pointer;
}

#user-box .tools-box a.faq {
	height: 18px;
	width: 19px;
	overflow: hidden;
	margin: 1px 0 0 6px;
}

#user-box .tools-box a.manual {
	height: 19px;
	width: 18px;
	overflow: hidden;
	margin: 0 0 0 6px;
}

#user-box .tools-box a.support {
	height: 16px;
	width: 16px;
	overflow: hidden;
	margin: 0 0 0 6px;
}

/** ---------------------- autoComplete ------------------- **/
div.wicket-aa-container {
	z-index: 1001;
}

div.wicket-aa-container ul {
	list-style: none outside none;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

div.wicket-aa-container ul li.inactiveInAc.selected {
	background-color: #f4dbdb;
}

div.wicket-aa-container ul li.inactiveInAc,
.inactiveChoice {
	background-color: #f4dbdb;
}

/** --------------------- treeComponent ----------------------**/
.treecontent .content {
	font-size: 12px;
	border-color: #ffffff;
	margin: 2px;
	padding: 2px;
}

/** --------------------- palette ----------------------**/

.palette {
	display: block;
	margin: 10px 0 10px 0;
	line-height: normal;
}

.paletteLabel {
	font-size: 10pt;
	font-weight: bold;
	padding: 10px 0;
	display: block;
	text-align: center;
	background: #4b4b4b;
	color: white;
	margin-bottom: 10px;
}

.paletteLabelActive {
	background-color: #32ffbe;
	color: #0f3732;
}

.palette-header {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	display: block;
}

.palette-choices,
.palette-selected {
	display: block;
}

.paletteContainer {
	display: block;
	line-height: 18px;
	margin-right: 10px;
	margin-top: 15px;
}


.paletteFlexWrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.paletteSelect {
	width: auto;
	margin: 4px 0 0;
	padding: 0;
}

.palette-buttons {
	margin: 0 15px;
	padding-top: 10px;
}

.palette-transaction-text .palette-add {
	margin-bottom: 0 !important;
}

.palette-buttons button {
	display: block;
	font-size: 26px;
	width: 34px;
	height: 34px;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #ccc;
	font-family: "Font Awesome 5 Free", serif;
}

.palette-buttons button:first-child {
	margin-bottom: 15px;
}

.palette-buttons button:hover,
.palette-buttons button:active {
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}

.palette-buttons button:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.palette-buttons button:active:hover {
	background-color: #d4d4d4;
	border-color: #8c8c8c;
}

.accountingGroupSettingsPanel .paletteContainer,
.acValidationRuleSettingsPanel .paletteContainer {
	margin-right: 60px;
}

.acValidationRuleSettingsPanel .paletteUnit,
.accountingGroupSettingsPanel .paletteUnit {
	float: left;
	clear: none;
	margin: 0 62px 20px 0;
}


.multiplePalette {
	max-width: 1300px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 20px;
}

/** -------------------------collapsiblePanel-----------------**/
.minHeight {
	min-height: 20em !important;
}

.collapsiblePanel {
	border: thin solid #eee;
	margin-bottom: 5px;
	width: 465px;
}

.collapsiblePanel h3 {
	font-size: 14px;
	background-color: #f2f2f2;
	margin: 0;
	padding: 0;
}

.collapsiblePanel h3 a {
	color: #222222;
	text-decoration: none;
}

.checkboxunit {
	display: block;
}

/**-------------------invoices overview---------------------**/
.pile {
	background: none repeat scroll 0 0 #FAACF3;
	border: 1px solid #BBBBBB;
	color: #2B6493;
	float: left;
	font-size: 12px;
	font-weight: normal;
	height: 90px;
	margin: 10px;
	padding: 10px;
	width: 60px;
	cursor: pointer;
}

.sharedInvoices .flagPile {
	float: right;
}

.flagPile {
	background: none repeat scroll 0 0 #859FD6;
	color: #2B6493;
	float: left;
	font-size: 12px;
	font-weight: normal;
	height: 90px;
	margin: 10px;
	padding: 10px;
	width: 120px;
	cursor: pointer;
}

.blackPile, .redPile, .bluePile, .yellowPile, .greenPile {
	color: #2B6493;
	float: left;
	font-size: 12px;
	font-weight: normal;
	height: 145px;
	width: 114px;
	padding: 0 1px 0 0;
	margin-top: 30px;
	margin-right: 15px;
	margin-left: 15px;
	cursor: pointer;
}

.documentModule .blackPile, .documentModule .redPile, .documentModule .bluePile, .documentModule .yellowPile, .documentModule .greenPile {
	background: top center no-repeat url('../images/overviewpapers/Ikon.png') transparent !important;
	height: 164px;
}

.blackPile:last-child, .redPile:last-child, .bluePile:last-child, .yellowPile:last-child, .greenPile:last-child, .flagPile:last-child {
	margin-right: 22px;
}

.pile a {
	margin: 10px;
	text-align: center;
	text-decoration: none;
}

.pileLinkName {
	border: 0 none !important;
	font-size: 11pt;
	font-weight: 500;
	text-decoration: none !important;
	width: 117px;
	display: block;
	text-align: center;
	margin-top: 118px;
	margin-left: 0;
	position: absolute;
	color: #4f697c;
	line-height: 16px;
}

.documentModule .pileLinkName {
	margin-top: 135px;
}

span.pileLinkName.messages {
	margin-top: 140px !important;
}

.pileLinkQuantity {
	color: #9b9ca1;
	height: 34px;
	width: 34px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	background: #ffffff;
	-webkit-box-shadow: 3px 3px 8px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 8px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 8px 3px rgba(0, 0, 0, 0.2);
	margin-top: -11px;
	margin-right: 5px;
	margin-left: 75px;
	text-align: center;
}

.grayText {
	font-weight: bold;
	color: #9b9ca1;
	font-size: 14px;
	line-height: 32px;
}

.documentModule .blackPile .pileLinkQuantity {
	font-weight: bold;
	color: white;
	font-size: 14px;
	line-height: 26px;
	margin-left: 36px;
	margin-top: 49px;
	box-shadow: none;
}

.whiteText {
	font-weight: bold;
	color: white;
	font-size: 14px;
	line-height: 32px;
}

.pileGroupTitle {
	color: #4f697c;
	clear: both;
	margin-top: -2px;
	text-align: center;
	width: 100%;
	font-weight: bold;
}

.pileGroupTitle span {
	background-color: #ffffff;
	display: inline;
	font-size: 14px;
	margin-top: -8px;
	padding-left: 18px;
	padding-right: 22px;
	margin-left: 10px;
	margin-right: 10px;
}

/**----------------- collapsibleFieldsetPanel ---------**/

.collapsibleFieldsetPanel {
	background-color: #ffffff;
	border: 1px solid #CCC;
	float: left;
	width: auto;
	margin-bottom: 20px;
	display: block;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.35);
	overflow: hidden !important;
	padding: 0;
}

.myInvoices .collapsibleFieldsetPanel {
	min-height: 260px;
	height: calc(100em - 990px);
	margin: 0;
}

.smallFieldSetPanel {
	min-width: 40em;
}

.multipleFieldSetPanel, .multipleInnerGroups {
	border: none;
	margin-bottom: 10px;
	padding: 15px 0 0;
}

.multipleFieldSetPanel .group, .multipleInnerGroups .outerGroup {
	margin-top: 20px;
	margin-bottom: 0;
	background: #ffffff;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.35);
	padding-bottom: 0;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.multipleFieldSetPanel .group.first {
}

.multipleFieldSetPanel .group.oneThirdWidth {
	width: 32%;
}

.multipleFieldSetPanel .group.twoThirdWidth {
	width: 65%;
}

.multipleFieldSetPanel .group.fullWidth {
	display: block;
}

.multipleFieldSetPanel .content, .multipleInnerGroups .content {
	margin-left: 0;
	margin-top: -20px;
	margin-right: 0;
}

.multipleFieldSetPanel .unit {
	padding: 0 45px;
	min-height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #d7d8dc;
	margin: 0;
}

.multipleInnerGroups .unit {
	padding: 0 45px;
	min-height: 45px;
	line-height: 45px;
	margin: 0;
}

.multipleInnerGroups .unit.inline:not(:first-child) {
	padding-left: 0 !important;
}

.multipleFieldSetPanel .unit:nth-child(even), .multipleInnerGroups .outerGroup .group:nth-child(even), .multipleInnerGroups .outerGroup .group.greyBackground {
	background: rgb(249, 249, 249);
}

.multipleInnerGroups .outerGroup .group:last-child {
	padding-bottom: 0;
}

.multipleInnerGroups.filterStyle .outerGroup .group:last-child {
	padding-bottom: 0;
}

.multipleFieldSetPanel .textInput,
.multipleInnerGroups .textInput,
.dialogContent .textInput {
	height: 15px;
	line-height: 15px;
	padding: 6px 4px;
	vertical-align: middle;
}

.multipleInnerGroups.filterStyle .tight .textInput {
	height: 15px;
	line-height: 15px;
}

.multipleInnerGroups.filterStyle .textInput {
	height: 10px;
	line-height: 10px;
}

.multipleFieldSetPanel .textInput.centsoftTextArea, .multipleInnerGroups .textInput.centsoftTextArea {
	line-height: 1.2em;
	display: inline-block;
	min-width: 155px;
	vertical-align: middle;
	background: white;
	padding: 6px 4px;
	resize: none;
	margin: 15px 0;
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
}

.multipleFieldSetPanel .selectInput, .multipleInnerGroups .selectInput {
	height: 29px;
	padding: 0 6px;
	width: 181px;
	vertical-align: middle;
}

.multipleFieldSetPanel .labelName.title, .multipleInnerGroups .labelName.title, .content .group .innerGroup .labelName.title {
	font-size: 1.3846em;
	display: block;
	width: 15.384em;
}

.multipleFieldSetPanel .labelName, .multipleInnerGroups .labelName {
	color: #1c2b36;
	font-weight: 600;
	padding-right: 15px;
	margin: 15px 0;
}

.multipleFieldSetPanel .labelName.normal, .multipleInnerGroups .labelName.normal {
	font-weight: normal;
}

.multipleFieldSetPanel .amountAlternatives label {
	width: 130px;
	color: #1c2b36;
	font-weight: normal;
	padding-right: 15px;
	margin: 15px 0;
	display: inline-block;
	line-height: 15px;
	height: 17px;
	vertical-align: middle;

}

.AcValidationRuleChoice {
	line-height: 35px;
}

.AcValidationRuleChoice input {
	margin-top: 21px;
	margin-left: -20px;
}

.incExVatChoice {
	align-items: end;
}

.incExVatChoice input {
	margin-top: 21px;
	margin-left: -20px;
}

.incExVatChoice label {
	margin-left: 5px;
	margin-right: 35px;
}

.ACRuleMarginLeft {
	margin-left: -20px;
}

.infiniteSymbol {
	font-size: 31px !important;
	font-weight: 100;
	line-height: 30px;
	font-family: "Comic Sans MS", cursive, sans-serif;
	color: #5f7080;
}

.infiniteSymbol {
	margin-top: -3px;
}

.AcValidationRuleChoice label {
	margin-left: 5px;
}

label.amountAlternativesFromLabel {
	display: inline-block;
	width: 60px;
	text-align: right;
	padding-right: 5px;
}

.multipleFieldSetPanel .subLabelName {
	padding-left: 2px;
	padding-right: 20px;
}

.multipleFieldSetPanel .userGroupTable, .multipleFieldSetPanel .paletteContainer {
	padding-bottom: 20px;
}

.multipleFieldSetPanel tr {
	line-height: 14px;
}

.pageExplanation {
	min-width: 500px;
	max-width: 1000px;
	display: block;
	line-height: normal;
	font-size: 11px;
	font-style: italic;
	vertical-align: top;
	margin-left: 10px;
	font-weight: normal;
	padding: 0 0 20px 0;
}

.jobConfigurationPage .explanation {
	min-width: 346px;
}

.multipleFieldSetPanel .explanation, .multipleInnerGroups .explanation, .explanation {
	font-style: italic;
	line-height: 19px;
	vertical-align: top;
	display: table-caption;
	min-width: 700px;
}

.multipleFieldSetPanel .explanation.smaller, .multipleInnerGroups .explanation.smaller, .explanation.smaller {
	min-width: 400px;
}

.explanation.noMinWidth {
	min-width: auto;
	max-width: 700px;
	display: inline-block;
}

.multipleFieldSetPanel .rolesListView fieldset {
	padding: 0 !important;
	width: 100%;
}

.multipleFieldSetPanel .rolesListView:nth-child(odd) {
	background: #f9f9f9;
}

.multipleFieldSetPanel .rolesListView:nth-child(even) {
	background: #ffffff;
}

.multipleFieldSetPanel .innerCollapsibleFieldsetPanel legend {
	padding-top: 0 !important;
	width: 90% !important;
	padding-left: 3.4615em !important;
	height: auto !important;
}

.multipleFieldSetPanel.panelShadow {
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.35);
}

.multipleFieldSetPanel.panelShadow .group {
	box-shadow: none;
}

.multipleFieldSetPanel .collapsibleContent .group {
	background: transparent;
}

.multipleFieldSetPanel .button.tightButton, .multipleInnerGroups .button.tightButton {
	line-height: 2em;
}

.multipleFieldSetPanel .button.tightButton.centerButton {
	margin-left: 8px;
}

.multipleFieldSetPanel .usernameWrapper .labelName, .multipleFieldSetPanel .emailWrapper .labelName {
	width: 230px;
}

.group.accountingGroupWidth {
	max-width: 1340px;
}

/*1681 - 1920*/
@media (max-width: 1920px) {
	.multipleInnerGroups .outerGroup.approvalRuleWidthFix {
		max-width: 1469px !important;
	}
}

/*1441 - 1680*/
@media (max-width: 1680px) {

	.myInvoices .flagsPileGroup {
		margin-top: 50px !important;
	}

	.myInvoices .errandsPileGroup {
		margin-top: 25px !important;
	}

	.accountingLineRowInput, .accountingLineRowInputInvalid {
		margin-bottom: -4px !important;
	}

	.view0 .document-tab-row, .view1 .document-tab-row, .view2 .document-tab-row, .view2_right .document-tab-row {
		top: 54px !important;
	}

	.documentModule .document-tab-row {
		top: 59px !important;
	}

	#invoicePage .content, .displayDocument, .invoiceHeaderPanel, .accountingLinesPanel_wrap, .documentView {
		margin: 39px 3% 0 0;
	}

	.myInvoices.first .flagPile {
		padding-left: 0;
		padding-right: 0;
	}

	.myInvoices.first fieldset {
		height: 310px;
	}

	#invoicePage .pagingPanel {
		top: 57px !important;
	}

	#supplierContractPage .pagingPanel {
		top: 58px !important;
	}

	.group.accountingGroupWidth {
		max-width: 1255px !important;
	}

	.mergeInvoice li.quickSearchResult span.oneColumn {
		width: 165px;
	}

	.mergeInvoice li.quickSearchResult span.left {
		width: 165px;
	}

	.mergeInvoice li.quickSearchResult span.right {
		width: 157px;
	}
}

/*1440 and smaller*/
@media (max-width: 1440px) {

	/**Main menu stuff**/
	#user-box .user-box {
		margin-right: 0.5em !important;
	}

	#user-box-right .user-box .eyesysIcon {
		margin-left: 0.2em !important;
	}

	.content {
		width: 97%;
	}

	.view0 .document-tab-row, .view1 .document-tab-row, .view2 .document-tab-row, .view2_right .document-tab-row {
		top: 52px !important;
	}

	.documentModule .document-tab-row {
		top: 58px !important;
	}

	#invoicePage .content, .displayDocument, .invoiceHeaderPanel, .accountingLinesPanel_wrap, .documentView {
		margin: 38px 3% 0 0;
	}

	.pagingPanel {
		top: 52px !important;
	}

	.myInvoices .flagsPileGroup {
		margin-top: 0 !important;
	}

	.myInvoices .errandsPileGroup {
		margin-top: 10px !important;
	}

	.myInvoices.first fieldset {
		height: 250px;
		min-height: 250px !important;
	}

	.myInvoices .nothingToShowLabel {
		line-height: 250px !important;
	}

	.mergeInvoice li.quickSearchResult span.left {
		width: 148px;
	}

	.mergeInvoice li.quickSearchResult span.right {
		width: 145px;
	}
}

#searchInvoicePage .smallFieldSetPanel {
	min-width: 82em !important;
}

/**------------------ search filter --------------------**/
.outerBox {
	margin: 10px 0 !important;
	width: 100% !important;
}

.outerBox .listContainer {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.collapsibleFieldsetContent {
	margin: 50px 20px;
}

h3.unitHead {
	font-size: 13px;
}

.labelName {
	width: 175px;
	display: inline-block;
	line-height: 15px;
	min-height: 17px;
	height: auto;
	vertical-align: middle;
}

.requiredMark::after {
	content: "*";
	color: #c83c46;
	font-weight: bold;
	padding-left: 2px;
}

.labelName.orgsLabel p {
	width: 500px;
	line-height: 20px;
}

.moduleList {
	display: block;
	line-height: 1em;
}

.moduleList .labelName {
	margin: 0;
	width: auto;
}

.labelName.extraWide, .innerGroup.extraWide .unit .labelName, .group.extraWide .unit .labelName {
	width: 200px;
}

.labelName.extraWide.wider {
	width: 400px;
}

.labelName.smaller {
	width: 100px;
}

.labelName.right {
	float: none;
	text-align: end;
}

#mailSettingsPanel .labelName {
	width: 170px;
}

.filterBox {
	float: left;
	overflow: hidden;
}

.simpleLeftflags {
	float: left;
	margin: 0 100px 0 0;
	width: 380px;
}

.simpleflags {
	width: 460px;
	float: left;
}

.simpleInvoicehead, .advanceInvoicehead {
}

.filter-invoiceMisc label {
	display: block;
	width: 200px;
	font-weight: bold;
	float: left;
}

.filter-invoiceMisc form {
	float: left;
}

.checkboxHeading {
	margin: 0 0 10px;
	width: 180px;
	font-weight: bold;
}

#searchInvoicePage .checkboxHeading {
	margin: 0 0 5px;
	width: 140px;
	font-size: 12px;
}

.autoWithDialog {
	width: auto !important;
}

.fullHeightDialog {
	max-height: 100% !important;
	overflow-y: auto;
}

.calculatorDialog {
	width: auto !important;
	left: 18% !important;
}

.ui-widget {
	font-family: inherit !important;
}

.ui-dialog {
	box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.5);
	border: 1px solid #CCC;
	min-width: 500px;
}

.ui-dialog-content .checkboxSubs {
	white-space: nowrap;
}

.ui-corner-all.dialogClose {
	background: url(../images/close-25.png) no-repeat !important;
	display: block;
	width: 25px;
	height: 25px;
	float: right;
	border: none;
	outline: none;
}

.ui-corner-all.dialogClose.ui-state-hover {
	background: url(../images/close-25.png) no-repeat !important;
	opacity: 0.5;
}

.checkboxSubsCol {
	width: 140px;
	clear: both;
}

.checkbox {
	border: none !important;
	background: #ffffff !important;
}

.filter-invoiceHeader .right, .filter-accountingRows .right {
	width: 530px;
}

.filter-invoiceHeader .units {
	min-width: 240px;
	width: auto !important;
	clear: none;
	float: left;
	margin: 5px 0 40px 0;
}

.filter-invoiceHeader .to-label {
	margin: 0 20px 0 0;
}

/**------------------ invoice view --------------------**/
.invoiceContent .displayDocument {
	float: right;
	width: 40%;
}

.invoiceLeft {
	float: left;
	width: 50%;
}

.invoiceContent .invoiceHeaderPanel .documentView {
	display: block;
	width: 100%;
}

.invoiceHeaderPanel {
	float: left;
	margin-right: 0 !important;
	height: inherit;
}

.invoiceContent {
	display: block;
	width: 100%;
}

div.tabpanel div.document-tab-row a {
	color: #999999;
	text-decoration: none;
}

.invoiceBottom {
	float: left;
	clear: both;
	background: url("../images/background_darkgray.gif") repeat-x scroll center #DAE0D2;
	height: 150px;
	display: block;
	width: 100%;
}

#invoicePage .documentView, #supplierContractPage .documentView {
	float: right;
	margin-left: 0 !important;
}

.invoiceheadunit {
	width: 99%;
	float: left;
}

.invoiceRightColumn {
	width: 40%;
	float: left;
}

.invoiceLeftColumn {
	width: 40%;
	float: left;
}

.invoiceheadunit label.leftie {
	width: 35%;
	float: left;
}

.invoiceRightColumn .invoiceheadunit label.leftie {
	width: 27%;
	padding-right: 2px;
}

.invoiceheadunit input.leftie {
	width: 30%;
	float: left;
}

.invoiceheadunit .leftie[type="checkbox"] {
	width: auto;
	float: left;
}

.invoiceheadunit .leftie[maxlength="2"] {
	width: 25px;
}

.invoiceheadunit .secretpadding {
	padding-left: 1px;
}

.notVisible {
	visibility: hidden;
}

.invoiceheadaddress input {

}

/**------------------ invoice view, accountinglines --------------------**/
.accountingLinesPanel td {
	height: 10px;
	margin: 0;
	padding: 0;
	border: 0 !important;
}

.error, .accountingLinesPanel .even input.error, .accountingLinesPanel .odd input.error {
	background: #DF8F8F;
	color: #000000;
	font-weight: bold;
	border: 1px solid #c83c46;
}

.accountingLinesPanel .odd input, .accountingLinesPanel .odd {
	/* background-color: #ffffffCE1;*/
	background: rgb(254, 252, 234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254, 252, 234, 1) 34%,
	rgba(237, 230, 184, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(34%, rgba(254, 252, 234, 1)), color-stop(100%, rgba(237, 230, 184, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254, 252, 234, 1) 34%,
	rgba(237, 230, 184, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254, 252, 234, 1) 34%,
	rgba(237, 230, 184, 1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(254, 252, 234, 1) 34%,
	rgba(237, 230, 184, 1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(
			startColorstr='#fefcea', endColorstr='#ede6b8', GradientType=0);
	/* IE6-9 */
	background: linear-gradient(top, rgba(254, 252, 234, 1) 34%,
	rgba(237, 230, 184, 1) 100%); /* W3C */
}

.accountingLinesPanel .even input, .accountingLinesPanel .even {
	/* background-color: #f2f2f2;*/
	background: rgb(255, 255, 255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
	rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 99%,
	rgba(246, 246, 246, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
	255, 255, 1)), color-stop(50%, rgba(241, 241, 241, 1)),
	color-stop(99%, rgba(225, 225, 225, 1)),
	color-stop(100%, rgba(246, 246, 246, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
	rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 99%,
	rgba(246, 246, 246, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
	rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 99%,
	rgba(246, 246, 246, 1) 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
	rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 99%,
	rgba(246, 246, 246, 1) 100%);
	/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(
			startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
	/* IE6-9 */
	background: linear-gradient(top, rgba(255, 255, 255, 1) 0%,
	rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 99%,
	rgba(246, 246, 246, 1) 100%);
	/* W3C */
}

.accountingLinesPanel table, .accountingLinesPanel .tableWannabe {
	border-collapse: collapse;
	width: 100% !important;
}

.accountingLinesPanel td {
	border: 1px solid #DAE0D2;
}

.accountingLinesPanel th {
	border-right: 1px solid #DAE0D2;
	border-left: 1px solid #DAE0D2;
}

button.removeLink {
	height: 15px;
	width: 15px;
	border: none;
	margin: 0;
	padding: 0;
}

/** ---------------old accounting --------------------------**/
table.oldAccounting {
	font-size: 10px;
	border-collapse: collapse;
}

table.oldAccounting th {
	font-size: 11px;
}

table.oldAccounting td {
	border: 1px solid #DDDDDD;
}

/**-------------invoiceView invoiceHead invoiceLines ---------------**/
.invoiceLinesPanel .odd input {
	background-color: #FFFCE1
}

.invoiceLinesPanel .even input {
	background-color: #f2f2f2;
}

.invoiceLinesPanel input {
	font-size: 11px;
}

/*################# popups ##################*/
.visuralDialog {
	background-color: white;
	border: 1px solid black;
	display: block;
	text-align: left;
	padding: 30px;
}

/* To be able to look like a button without being one (use <span> instead of <button>) */
.button {
	cursor: pointer;
	display: inline-block;
	font-size: 12px !important;
	padding: 6px 13px !important;
	border-radius: 0;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.redButton {
	background: #c83c46 !important;
}

.checkWrapper {
	margin-left: 9px;
	padding-left: 55px !important;
	padding-bottom: 18px;
	padding-top: 5px;
	float: left;
}

.checkWrapper .radioButton {
	margin-left: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-left: 0 !important;
	padding: 2px 10px !important;
}

.checkWrapper input[type=radio] {
	display: none;
}

.checkWrapper .radioButton:first-of-type {
	margin-right: 0;
}

.checkWrapper .radioButton:first-of-type {
	border-radius: 4px 0 0 4px;
	border-left: 1px solid #ccc !important;
}

.checkWrapper .radioButton:last-of-type:not(:first-of-type) {
	border-radius: 0 4px 4px 0;
}

.centsoftBottomBar .redButton {
	height: auto;
	padding: 0 35px !important;
	line-height: 58px;
	color: #ffffff !important;
	background: #c83c46 !important;
	font-size: 11pt;
	cursor: pointer;
	float: right;
	position: inherit !important;
}

.ui-dialog-content .redButton {
	margin-top: 0;
	margin-bottom: 6px;
}

.redButton:hover, .redButton:active, .redButton:focus {
	background: #AD343C !important;
}

.redButton:hover:active, .redButton:focus:active, .redButton:focus:hover:active {
	background: #AD343C !important;
}

.centsoftBottomBar .button {
	font-size: 11pt !important;
	font-weight: bold;
	height: 20px;
}

.smallBottomBar {
	bottom: 0;
	left: 0;
	height: 58px;
	text-align: right;
	padding: 0;
	z-index: 10;
}

label.uploadLabel {
	margin: 2.8em;
}

label.uploadLabel input[type="file"] {
	position: fixed;
	top: -1000px;
}

/* more rows button*/
.newRowButtonID {
	cursor: pointer;
	display: inline-block;
	height: 16px;
	width: 16px;
	font-size: 1.3em !important;
	font-weight: 900;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	vertical-align: middle;
	line-height: 16px !important;
	margin-top: -2px;
	padding: 0 !important;
}

.filter-invoiceHeader .newRowButtonID label:hover, .filter-accountingRows .newRowButtonID label:hover {
	cursor: pointer;
}

/* ICONS */
.eyesysIcon,
.filterColumn span,
.notificationBoxWrapper {
	user-select: none;
}

.eyesysIcon.fieldIcon,
.fieldIcon .eyesysIcon {
	height: 15px;
	width: 19px;
	font-size: 18px;
	margin: 0 0 -5px 5px;
	vertical-align: sub;
}

.fieldIcon {
	display: inline-block;
}

.titleIcon {
	font-size: x-large !important;
	margin-right: 1.1em;
	position: relative;
	top: 2px;
}

legend .titleIcon {
	margin-right: 10px;
}

.accountingWrapper .titleIcon {
	font-size: large !important;
	margin-right: 10px;
}

.removeAsIcon .eyesysIcon {
	width: 100%;
	text-align: center;
	cursor: pointer;
}

/*to make stuff be on a line*/
.onARow {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 0;
}

/*flow info*/
.flowPileDONE {
	background: none repeat scroll 0 0 #B0FCA9;
	border: 1px solid #BBBBBB;
	color: #2B6493;
	float: left;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	margin: 10px;
	width: 60px;
}

.flowPileACTIVE {
	background: none repeat scroll 0 0 #FCFBA9;
	border: 1px solid #BBBBBB;
	color: #2B6493;
	float: left;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	margin: 10px;
	width: 60px;
}

.flowPileDUMMY {
	background: none repeat scroll 0 0 #F263F7;
	border: 1px solid #BBBBBB;
	color: #2B6493;
	float: left;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	margin: 10px;
	width: 60px;
}

.flowPileWAITING {
	background: none repeat scroll 0 0 #FA7878;
	border: 1px solid #BBBBBB;
	color: #2B6493;
	float: left;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	margin: 10px;
	padding: 2px;
	width: 60px;
}

.flowPileINFO {
	float: left;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	margin: 10px;
	padding: 2px;
	width: 60px;
}

.rightArrow {
	width: 13px;
	height: 8px;
	color: #2B6493;
	float: left;
	padding: 10px;
	margin: 2px;
}

.flowTable, .flowTable.th, .flowTable.td {
	text-align: center;
	vertical-align: middle;
}

.tinyText {
	font-size: 8px;
}

.alertText {
	color: #c83c46;
	font-weight: bold;
}

.errandsPileGroup, .editablePileGroup, .afterApprobalPileGroup, .sentForApprovalPileGroup {
	float: left;
	padding: 0;
	margin-top: 2.5em;
	margin-right: 2em;
	margin-left: 2em;
	min-height: 18em;
	width: max-content;
}

.sentForApprovalPileGroup_left, .editablePileGroup_left, .afterApprobalPileGroup_left, .errandsPileGroup_left {
	float: left;
}

.sentForApprovalPileGroup_right, .editablePileGroup_right, .afterApprobalPileGroup_right, .errandsPileGroup_right {
	float: left;
	padding: 0 7px 20px;;
}

.flagsPileGroup {
	margin: 5.8em 2em 5.3076em 2em;
	float: right;
}

.myInvoices .flagsPileGroup {
	float: right;
	margin-top: calc(3.3846em + 6px);
}

.myInvoicesWrapper {
	display: block;
	height: 100%;
	min-width: 630px;
}

.myInvoicesWrapper.noMinWidth {
	min-width: 500px;
}

.nothingToShowLabel {
	font-size: 11pt;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	line-height: 300px;
	display: block;
}

.topContentOverview {
	display: flex;
}

.myInvoices.first {
	margin-left: 0;
}

.flagsPileGroup .flagPile {
	margin: -5px 0 90px;
}

.myInvoices .flagsPileGroup .flagPile {
	margin-top: 15px;
	margin-bottom: 80px;
}

.flagsPileGroup_right {
	padding-left: 15px;
	padding-bottom: 35px;
}

.sharedInvoicesMinWidth {
	width: calc(100% - 490px);
}

.myInvoices .flagsPileGroup_right {
	padding-left: 0;
	padding-bottom: 0;
}

.accountingLineRow, .prevAccLineTr {
	width: 100%;
	border-bottom: 1px solid #d7dee4;
	background: white;
	height: 23px;
}

.accountingLineRow:nth-child(odd),
.prevAccountingLineRow:nth-child(even) {
	background: rgb(249, 249, 249);
}

.largeInputField {
	width: 600px;
}

.floatLeft {
	float: left;
}

.infoButton {
	width: auto;
	float: left;
	padding: 0 !Important;
	padding-left: 7px !important;
	padding-right: 8px !important;
	margin-right: 2px;
	margin-top: 1px;
}

.accountingLineRowButton {
	padding-left: 1em !important;
	height: 20px !important;
	position: relative;
	right: -2px;
	top: -1px;
	margin-top: -1px;
	line-height: 20px !important;
	width: 20px;
}

.tinyAccountingLineButton {
	top: 2px;
	position: relative;
	font-size: 11px !important;
	padding: 2px !important;
	height: 12px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	line-height: 13px;
}

.accountingLineRowVatButton, .accountingLineRowPeriodButton {
	width: auto;
	float: right;
	margin-top: 0;
	cursor: pointer;
	display: inline-block;
	margin-right: 1px;
}

span.accountingLineRowVatButton {
	padding-left: 3px !important;
	padding-right: 4px !important;
}

div.subtabpanel div.tab-row {
	height: auto;
	overflow: hidden;
}

.flagPile .pileLinkQuantity {
	margin-top: -3px;
	height: 34px;
	width: 34px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	background: #ffffff;
	-webkit-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, 0.2);
	margin-right: 5px;
	margin-left: 73px;
	text-align: center;
}

.noOfNotReadLabel {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-right: 10px;
	margin-top: 130px;
	text-align: center;
}

.flagPile .pileLinkName {
	margin-top: 108px !important;
	margin-left: -5px;
	position: absolute;
}

.documentModule .flagPile .pileLinkName.expireText {
	margin-top: 80px !important;
}

.myInvoices {
	background: none;
	width: auto;
	margin-right: 20px;
	margin-left: auto;
	vertical-align: top;
}

.myInvoices:last-child {
	margin-right: 0;
}

.pileGroupTitle img {
	position: absolute;
	margin-left: -25px;
}

.pileArrow {
	float: left;
	margin-top: 9.5em;
	margin-right: 0.76923em;
	margin-left: 0.76923em;
	background: url("../images/green/arrowbig.png") no-repeat;
	height: 150px;
	width: 29px;
	opacity: 0.3;
}

.pileGroupTitle {
	width: auto;
}

/* FAKTURA */
.centsoftBottomBar .button {
	border-radius: 0;
	height: 58px !important;
	padding: 0 35px !important;
	line-height: 58px !important;
	border-left: 1px solid #ffffff;
	background: #282828 !important;
}

.centsoftBottomBar .rillionGreenButton {
	border-radius: 0;
	height: 58px;
	padding: 0 35px !important;
	line-height: 58px;
	border-left: 1px solid rgb(83, 96, 108);
	background: #14695a !important;
	color: #ffffff !important;
	font-size: 11pt;
	cursor: pointer;
}

.centsoftBottomBar .rillionGreenButton:hover, .centsoftBottomBar .rillionGreenButton:focus {
	background: #0f3732 !important;
	border-color: #0f3732 !important;
	outline: none;
}

.centsoftBottomBar .rillionGreenButton:active {
	background: #0f3732 !important;
	outline: none;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.centsoftBottomBar .rillionGreenButton:hover:active, .centsoftBottomBar .rillionGreenButton:focus:active, .centsoftBottomBar .rillionGreenButton:focus:hover:active {
	background: #0f3732 !important;
}

.centsoftBottomBar .vibrantActionButton {
	border-radius: 0;
	height: 58px;
	padding: 0 35px !important;
	line-height: 58px;
	background: #32ffbe !important;
	color: #0f3732 !important;
	font-size: 11pt;
	cursor: pointer;
}

.vibrantActionButton .titleIcon {
}


.centsoftBottomBar .vibrantActionButton:hover, .centsoftBottomBar .vibrantActionButton:focus {
	background: #29cc98 !important;
	border-color: #29cc98 !important;
	outline: none;
}

.centsoftBottomBar .vibrantActionButton:active {
	background: #29cc98 !important;
	outline: none;
	/*box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);*/
}

.centsoftBottomBar .vibrantActionButton:hover:active, .centsoftBottomBar .vibrantActionButton:focus:active, .centsoftBottomBar .vibrantActionButton:focus:hover:active {
	background: #29cc98 !important;
}

.centsoftBottomBar .button.vibrantActionButton {
	background: #32ffbe !important;
	color: #0f3732 !important;
	border: 0 !important;
}

.centsoftBottomBar .button.vibrantActionButton:hover, .button.vibrantActionButton:focus {
	background: #29cc98 !important;
}

.centsoftBottomBar .button.noButton {
	font-style: italic;
	font-weight: normal;
	color: #ffffff !important;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

.centsoftBottomBar .button.noButton:hover {
	background: inherit !important;
	cursor: default;
}

.centsoftBottomBar .button.disabled * {
	color: rgba(255, 255, 255, 0.5) !important;
}

.centsoftBottomBar .button.disabled:hover {
	background: #424242 !important;
	cursor: not-allowed;
}

.centsoftBottomBar .browseContainer {
	width: 290px;
	float: left;
}

.centsoftBottomBar .browseContainer .button {
	border-right: 1px solid #ffffff;
}

.centsoftBottomBar .browseContainer .button.nextButton.first {
	border-left: 1px solid #ffffff;
}

.centsoftBottomBar .browseContainer .button.nextButton.last {
}

.centsoftBottomBar .browseContainer .button.noButton {
	border-left: none;
	border-right: none;
	padding: 0 13px !important;
	width: 92px;
	text-align: center;
	line-height: inherit !important;
	vertical-align: middle;
	pointer-events: none;
}

.centsoftBottomBar .browseContainer .button.noButton .browseTextContainer {
	position: relative;
	top: 5px;
}

.centsoftBottomBar .browseFloatRight .view-buttons {
	min-width: inherit;
}

.centsoftBottomBar .browseFloatRight .browseContainer {
	float: right;
}

.centsoftBottomBar .button:hover {
	background: #424242 !important;
}

.centsoftBottomBar {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #282828 url("../images/rillion/logos/RillionOneVibrantGreenSmall.png") no-repeat 27px 18px;
	height: 58px;
	text-align: right;
	padding: 0;
	z-index: 31;
}

.aboveOkeyButtonContainer {
	padding-bottom: 88px;
}

.tabpanel .document-tab-row ul {
	width: auto;
	height: auto;
}

.invoiceheadunit label.leftie {
	min-width: 100px;
}

.accountingWrapper {
	width: 99%;
}

.prevAccounting,
.accountingLineRowTitles {
	border: 1px solid #d7dee4;
	border-top: none !important;
}

.accountingLineRowTitles .accountingLineRowLabelIconCell {
	text-align: center;
}

.accountingButtons {
	float: right;
}

.tabpanel {
	height: auto;
	height: 100% \9;
}

* html .pileGroupTitle {
	width: auto;
}

.tabpanel .document-tab-row ul li {
	background: #ffffff;
	float: left;
	/* height: 21px; */
	margin-right: 17px;
	display: block;
}

.tabpanel .document-tab-row ul li.selected {
	background: #ffffff;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.tabpanel .document-tab-row ul li a {
	background: #282828;
	float: right;
	font-size: 1em;
	height: 1.7em;
	line-height: 1.7em;
	margin-right: -0.3076923076923077em;
	padding: 0.2307692307692308em 1.384615384615385em 0.2307692307692308em 1.076923076923077em;
	color: #c3c3c3;
	display: block;
	position: relative;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: none;
}

.tabpanel .document-tab-row ul li a:hover {
	color: #ffffff;
}


.tabpanel .document-tab-row ul li.selected a {
	background: #424242;
	color: white;
	height: 1.7em;
	border: none;
}

.invoiceHeaderPanel, .documentView {
	height: 56%;
	width: 50%;
	overflow-x: auto;
	overflow-y: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.35);
}

.documentView.imagePage {
	width: 780px !important;
	height: calc(100% - 110px);
	margin-left: 70px;
}

.documentModule .invoiceHeaderPanel, .documentModule .documentView {
	min-height: 75%;
	height: 75%;
	margin-top: 44px;
}

.scHeaderPanel {
	margin-left: 23px;
}

.documentModule .document-tab-row {
	position: fixed;
	top: 61px;
	width: 100%;
}

.invoiceHeaderPanel .tab-panel {
	width: 100%;
	height: 100%;
}

.invoiceHeaderPanel {
	width: 48%;
}

.accountingLinesPanel_wrap {
	background-color: #ffffff;
	border-radius: 0;
	box-shadow: 4px 5px 7px 0 rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	height: 20%;
	width: 100%;
	overflow: hidden auto;
	float: left;
	margin-bottom: -10px;
	clear: both;
	margin-top: 0;
	margin-right: 0 !important;
}

.accountingLinesPanel {
	padding: 0;
	float: left;
	width: 100%;
}

.overflowXHidden {
	overflow-x: hidden !important;
}

.paddingBottom10 {
	padding-bottom: 10px !important;
}

.tab-panel {
	float: left;
}

.wicket-ajax-indicator {
	height: 50px;
	width: 50px;
	clear: both;
	display: none !important;
}

.tab-panel .innerCollapsibleFieldsetPanel legend, #searchInvoicePage .collapsibleLegend, .documentModule .collapsibleLegend, .excelAccountingDialog legend.collapsibleLegend {
	height: auto !important;
}

#searchInvoicePage .innerCollapsibleFieldsetPanel .collapsibleLegend, .documentModule .innerCollapsibleFieldsetPanel .collapsibleLegend {
	padding-left: 0 !important;
}

.accountingLineRowTitles {
	border-collapse: collapse;
}

.documentViewTall {
	height: 65%;
}

.inputRow td, .inputRow .cell {
	margin-left: 0 !important;
	padding-left: 0 !important;
	height: 18px;
}

.accountingLineRowTitles .accountingLineRowLabelIcon {
	width: 25px !important;
}

.accountingLineRowTitles td, .accountingLineRowTitles .cell {
	padding-left: 0 !important;
}

div.tabpanel {
	padding-top: 0 !important;
}

div.tabpanel .tab-row {
}

div.tabpanel .subtabpanel .tab-row {
	height: 28px;
	padding-top: 0 !important;
	background: #424242;
	box-shadow: none;
}

div.tabpanel .subsubtabpanel .tab-row {
	background: #424242;
}

.collapsiblePanelSubDiv {
	padding-bottom: 15px;
}

/*.blueBottomBar {*/
/*	background: #18bcdc;*/
/*	height: 5px;*/
/*	position: relative;*/
/*	bottom: 6px;*/
/*}*/

/**
Chrome specific
**/
@supports (-webkit-appearance:none) and (font-variant-caps:normal) and (not (-ms-accelerator:true)) and (not (overflow:-webkit-marquee)) and (not (-moz-appearance:none)) {
	.collapsiblePanelSubDiv {
		padding-bottom: 15px;
	}
}

.documentModule .searchFilter .collapsiblePanelSubDiv {
	padding-bottom: 0;
}


div.tabpanel div.tab-row a {
	padding: 0 1.153846153846154em !important;
}

.collapsibleTitle {
	padding-right: 20px;
}

.accountingLinesPanel_wrap {
	margin-bottom: 10px;
}

.blackPile, .redPile, .bluePile, .yellowPile, .greenPile, .flagPile {
	position: relative;
}

.pileGroupTitle img {
	position: relative;
}

div.tabpanel {
	height: 100%;
	min-width: 100%;
}

#user-box {
	display: inline;
	position: absolute;
	right: 12px;
	float: right;
	top: 0;
	padding-right: 0;
	font-size: 0.8461em !important;
}

.alertText {
	margin-left: 15px;
	display: none;
}

.invoiceRightColumn {
	width: 60% !important;
}

.accountingLineRowTitles {
	margin-bottom: 2px;
}

#invoicePage .accountingLineRowTitles .accountingLineRowLabel,
.previousAccountingTable .prevAccLineTh {
	font-size: 1em;
	font-weight: 600;
}

.prevAccLineTr .cell.paddingCell {
	border: none;
}

th.prevAccLineTh {
	padding-bottom: 0;
	padding-left: 3px;
}

td.prevAccLineTd {
	border: 1px solid rgb(213, 216, 222);
	border-top: 0;
	border-bottom: 0;
	padding: 0 2px 0 3px !important;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.9em;
}

.accountingLineRowTitles .accountingLineRowLabel {
	border-collapse: collapse;
	min-width: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	width: 100%;
	line-height: 1.2em;
}

.accountingLineRowTitles .accountingLineRowLabelpara {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
	padding: 0;
}

.smallbrowser .fieldDataPanel_wrap .button_right {
	font-size: 10px !important;
	padding: 6px !important;
	margin-right: 3px !important;
}

.smallbrowser .fieldDataPanel_wrap {
	margin-left: 0 !important;
}

.smallbrowser .accountingLinesPanel_wrap {
	overflow-x: auto !important;
}

.smallbrowser #user-box-content {
	padding-right: 3px;
	padding-left: 3px;
	font-size: 10px !important;
}

.smallbrowser #user-box {
	right: 8px;
}

.simpleInvoicehead h3, .documentModule h3 {
	margin-top: 0;
}

.smallbrowser #user-box .user-box {
	margin-right: 2px;
}

.smallbrowser .invoiceheadunit label.leftie {
	min-width: 90px !important;
}

.smallbrowser .invoiceRightColumn .invoiceheadunit .currencyNameLabel {
	min-width: 0 !important;
}

.smallbrowser .unitBig {
	margin-right: 20px;
	width: 43% !important;
}

.smallbrowser .filter-invoiceHeader input, .smallbrowser .filter-accountingRows .unitBig input {
	width: 70px;
}

.smallbrowser .labelName {
	width: 170px;
}

.smallbrowser .filter-invoiceHeader .to-label {
	margin-right: 25px;
}

.smallbrowser .filter-invoiceHeader input.checkbox {
	width: 18px !important;
}

.smallbrowser .addFieldData {
	margin-left: 0 !important;
}

.smallbrowser .button_right img {
	width: 12px;
	height: 12px;
}

.smallbrowser div.tabpanel div.tab-row ul li a {
	font-size: 11px;
	padding: 0 5px 0 1px !important;
}

div.tabpanel div.tab-row ul li a > .mainMenuTab {
	padding-top: 2px;
}

.invoiceRightColumn .invoiceheadunit .currencyNameLabel {
	width: auto;
	min-width: 0 !important;
	display: table;
}

.accountingLineRowLabel .titleImage {
	height: 15px;
	width: 15px;
}

.unitBig {
	height: 100%;
	margin-right: 25px;
	padding-right: 25px;
	border-right: 1px solid #CACACA;
}

.smallbrowser div.tab-row {
	padding-left: 5px;
}

#searchInvoicePage {
	overflow: auto;
}

#searchInvoicePage .textInput, .documentModule .searchFilter .multipleInnerGroups .textInput, .documentModule .searchFilter .multipleInnerGroups .fixedWidth, .multipleInnerGroups.tight .textInput, .multipleInnerGroups .tight .textInput {
	width: 100px;
}

.textAreaInvoiceHead {
	width: 43.5%;
	height: 38px;
	resize: vertical;
	max-height: 150px;
	min-height: 38px;
	font-size: 12px;
}

.textInput.freeSearchInput {
	width: 250px !important;
}

.documentModule .inlineFlex select {
	width: 106px;
}

.documentModule .columnContainer select {
	width: 178px;
}

#ImagePage .invoiceHeaderPanel, .documentView {
	height: 90%;
}

#invoicePage .invoiceHeaderPanel .documentView, #supplierContractPage .invoiceHeaderPanel .documentView {
	height: 52%;
}

.smallLineHeight p.explanation {
	line-height: 0;
}

.smallLineHeight {
	margin-bottom: 15px;
}

.fieldDataPanel_wrap {
	margin-left: 15px !important;
}

.invoiceLeftColumn input.leftie {
	width: 40%;
}

.listViewContainer table, .listViewContainer .tableWannabe {
	width: 100% !important;
}

input.leftie, select.leftie {
	margin-bottom: 4px;
}

input.leftie, .accountingLineRowInput,
.filter-invoiceHeader input,
.filter-accountingRows input,
.accountingLineRowInputInvalid,
.searchFilter input[type=text],
.textInput,
.prevALCell,
.textareaInput {
	border: 1px solid rgb(213, 216, 222);
	border-radius: 0;
	padding: 2px 2px 2px 3px;
	outline: none;
}

.filter-invoiceHeader input, .documentModule .searchFilter .multipleInnerGroups input, .multipleInnerGroups.tight input, .multipleInnerGroups .tight input {
	padding: 0 2px;
	height: inherit;
}

.accountingLineRowInput, .accountingLineRowTitles .accountingLineRowLabel {
	padding: 5px !important;
	float: left;
	border-radius: 0 !important;
	font-size: 11px;
	display: block !important;
}

input.leftie {
	padding: 1px;
}

.accountingLineRowInput {
}

.accountingLineRowInputInvalid {
	background: top right repeat-x url('../images/green/txtInputbg_invalid_SHARPER.png') transparent;
}

.accountingLineRowInput, .accountingLineRowTitles .accountingLineRowLabel, .accountingLineRowInputInvalid {
	padding: 4px 2px 4px 3px !important;
	float: left;
	border-radius: 0 !important;
	font-size: 0.9em;
	display: inline !important;
}

.accountingTemplateInput input {
	padding: 4px 2px 3px 3px !important;
}

.accountingLineRowCheckboxes.approveCheckbox {
	position: relative;
}

.accountingLineRowCheckboxes.declineCheckbox {
	position: relative;
}

.approveCell {
	background: rgb(237, 246, 227);
	border-right: 1px solid rgb(215, 222, 228);
	border-left: 1px solid rgb(215, 222, 228);
}

.declineCell {
	background: rgb(192, 164, 165);
}

.removeCell {
	background: white;
	width: 25px;
}

.addFieldData .accountingLineRowLabel {
	width: auto !important;
}

.listViewContainer table {
	margin-top: 3px;
}

.accountingLineRowInput, .accountingLineRowInputInvalid, .prevALCell {
	min-width: 40px !important;
	width: 100%;
	margin: -3px 0 -5px;
	border-right: 0;
}

.accountingLineRowInput.status {
	margin-right: 4px;
}

.accountingLineRow:nth-child(odd) input, .accountingLineRow:nth-child(odd) label, .accountingLineRow:nth-child(odd) .paddingCell, .accountingLineRow:nth-child(odd) span {
	background: rgb(249, 249, 249);
}

.accountingLineRow .cell.statusCell input {
	cursor: default !important;
}

.accountingLineRow .cell.statusCell input[disabled] {
	background: white !important;
}

.accountingLineRow:nth-child(odd) .cell.statusCell input[disabled] {
	background: rgb(249, 249, 249) !important;
}

.accountingLineRow:nth-child(even) .paddingCell {
	background: white;
}

.accountingLineRow .paddingCell, .accountingLineRowTitles .paddingCell {
	width: 52px;
}

.prevAccounting .accountingLineRowTitles .paddingCell {
	width: 5px;
}

.accountingLineRow .amountCell input, .prevAccAmount {
	border-left: none !important;
}

.accountingLineRowInput {
	border-top: none;
	border-bottom: none;
	background: white;
}

.accountingLineRowInput.hasIconToTheRight, .prevAccLineTd.hasIconToTheRight {
	width: calc(100% - 25px) !important;
	padding-right: 25px !important;
	margin-right: -25px !important;
}

.accountingLineRowInput.hasIconToTheRight.twoIcons, .prevAccLineTd .hasIconToTheRight.twoIcons {
	width: calc(100% - 43px) !important;
	padding-right: 43px !important;
	margin-right: -43px !important;
}

.accountingLinesPanel input[disabled]:not(.largeInputField) {
	background: #eee !important;
	cursor: not-allowed;
}

.prevAccounting .accountingLineRowInput {
	height: 25px;
	font-weight: normal;
}

.prevAccounting label.status {
	background-color: #F0F0F0;
}

.accountingLineRow .cell {
	overflow: hidden;
}

.accountingLineRow .cell.statusCell {
	white-space: nowrap;
}

.invoiceheadunit {
	margin-bottom: 2px;
}

.accountingLineRowTitles {
	width: auto;
}

/*AUTOCOMPLETETEXTFIELD*/
div.wicket-aa-container, .accountingLineRowTitles {
	padding-top: 0;
	padding-bottom: 1px;
	border-bottom: 1px solid rgb(215, 222, 228);
	border-right: 1px solid rgb(215, 222, 228);
	width: 100%;
	background: rgb(215, 222, 228);
}

.accountingLineRowTitles td, .accountingLineRowTitles .cell, .prevALCell, .prevAccLineTh {
	table-layout: fixed;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
}

.accountingLinesPanel table, .accountingLinesPanel .tableWannabe, .fakeTableContainer {
	background: #d7dee4;
}

.fakeTableContainer {
	overflow-x: hidden;
}

.accountingLineRowFields, .listViewContainer {
	width: 100%;
	float: left;
}

.accountingLineRowFields {
	white-space: nowrap !important;
}

.attachmentsPaging {
	display: block;
	margin-top: -8px;
}

#attachmentContainer {
	margin-left: 0;
}

#ImagePage #attachmentContainer {
	width: auto !important;
}

#invoicePage #attachmentContainer {
	margin-left: 3px;
}

#invoicePage .content .group {
	margin-bottom: -2px;
}

.attachmentsPaging .separator {
	float: left;
	padding-top: 5px;
}

.attachmentsPaging .button {
	border: 0 !important;
	background: none !important;
	float: left !important;
	color: #5b9900 !important;
	box-shadow: none !important;
	margin-top: 4px;
	padding: 0 3px !important;
}

.styled-select {
	height: 29px;
	overflow: hidden;
	background: white url("../images/green/ArrowDownMediumGreenLarger.png") no-repeat 90%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.attachmentChoice, .attachmentChoice:focus {
	font-size: 11px;
	margin: 0 10px 0 10px;
	color: #000;
	background: transparent !important;
	box-shadow: none;
	border: none;
	height: 29px;
	padding: 5px 20px 5px 5px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}

.attachmentChoice::-ms-expand, .attachmentChoice:focus::-ms-expand {
	display: none;
}

.attachmentChoice option {
	height: 29px;
	color: black;
	width: 50px;
}

.activeAttachmentLink {
	font-weight: 700;
	text-decoration: underline;
}

.onARow .separator {
	margin-left: 5px;
}

.lblSida {
	float: left;
	margin-top: 4px;
	font-weight: bold;
}

.pageNumContainer {
	float: left;
}

.addFieldData {
	border-radius: 7px 7px 0 0;
	margin-left: 20px;
	padding: 0.1538461538461538em 0.3846153846153846em 0.2307692307692308em 0.7692307692307692em;
	background: rgb(215, 222, 228);
	float: left;
	margin-top: 17px;
	line-height: 1em;
	height: 43px;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.35);
}

.addFieldData .accountingLineRowLabel {
	margin-top: 9px;
	float: left;
	margin-right: 5px;
	margin-left: 11px;
	font-size: 13px;
	font-weight: 600;
}

.addFieldData .largeInputField {
	float: left;
	padding: 0.1538461538461538em 0.2307692307692308em 0 0.2307692307692308em;
	background: top right repeat-x url(../images/green/txtInputbg.jpg) #ffffff;
	height: 20px;
	margin-top: 4px;
	margin-left: 5px;
	border-radius: 0;
	border: none;
}

.fieldDataNewRow {
	float: right;
	margin-top: 0.45em;
	cursor: pointer;
}

.fieldDataNewRow .eyesysIcon {
	color: #14695a !important;
	font-size: 1.5em !important;
}

.fieldDataNewRow .eyesysIcon:hover {
	color: #0f3732 !important;
}

div.wicket-aa {
	background-color: white;
	border: 1px solid #ccc;
	padding: 1px;
	margin-top: 1px;
	text-align: left;
}

div.wicket-aa ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.wicket-aa ul li {
	padding: 1px 5px 1px 5px;
}

div.wicket-aa ul li.selected {
	background-color: #ccc;
}

div.wicket-aa-container {
	width: auto !important;
	overflow-x: hidden !important;
	min-width: 197px;
	max-width: 400px;
}

div.wicket-aa-container.autoCompleteNoBackground {
	overflow-x: visible !important;
}

.autoCompleteNoBackground {
	background: none !important;
	border-bottom: none !important;
	overflow: visible !important;
}

/*AUTOCOMPLETETEXTFIELD STOP*/

/*PERIODIZATION START*/
.periodizationFieldValid {
	background-color: white !important;
}

.periodizationFieldInvalid {
	background-color: red !important;
}

/*PERIODIZATION STOP*/

#invoicePage .innerCollapsibleFieldsetPanel {
	width: calc(100% - 50px);
	padding-left: 50px !important;
}

.collapsiblePanelSubLine {
	height: 1px;
	width: 100%;
	background-color: #d5d8de;
	position: relative;
	float: left;
}

.documentModule .searchFilter .CollapsiblePanelList {
	border-bottom: 1px solid #d5d9dc;
	padding-left: 45px;
	padding-bottom: 15px;
}

.documentModule .searchFilter .CollapsiblePanelList .searchFieldsContainer, .documentModule .searchFilter .CollapsiblePanelList .organizationSelect {
	display: inline-block;
	width: 45%;
	vertical-align: top;
}

.CollapsiblePanelList :nth-child(even) .innerCollapsibleFieldsetPanel, .CollapsiblePanelList :nth-child(even) .sliderPanel, .InvoicePageCollapsiblePanelList :nth-child(odd) .innerCollapsibleFieldsetPanel, .InvoicePageCollapsiblePanelList :nth-child(odd) .sliderPanel, .CollapsiblePanelList :nth-child(even) fieldset.innerCollapsibleFieldsetPanel, .CollapsiblePanelList :nth-child(even) div.sliderPanel {
	background-color: rgb(249, 249, 249);
}

.CollapsiblePanelList :nth-child(odd) .innerCollapsibleFieldsetPanel, .CollapsiblePanelList :nth-child(odd) .sliderPanel, .InvoicePageCollapsiblePanelList :nth-child(even) .innerCollapsibleFieldsetPanel, .InvoicePageCollapsiblePanelList :nth-child(even) .sliderPanel {
	background-color: white;
}

#invoicePage .InvoicePageCollapsiblePanelList .innerCollapsibleFieldsetPanel > div, #invoicePage .CollapsiblePanelList .innerCollapsibleFieldsetPanel > div, #invoicePage .InvoicePageCollapsiblePanelList .innerCollapsibleFieldsetPanel > div .collapsibleTitle, #invoicePage .CollapsiblePanelList .innerCollapsibleFieldsetPanel > div .collapsibleTitle {
	height: 40px !important;
	line-height: 40px !important;
}

#invoicePage .InvoicePageCollapsiblePanelList .innerCollapsibleFieldsetPanel > div .collapsibleLegend > a .eyesysIcon, #invoicePage .CollapsiblePanelList .innerCollapsibleFieldsetPanel > div .collapsibleLegend > a .eyesysIcon {
	line-height: 40px !important;
}

/*------------------------------------------------------------
 CollapsiblePanelPanel and ClickableAreaPanel
--------------------------------------------------------------*/

.innerCollapsibleFieldsetPanel .innerCollapsibleFieldsetPanelInnerDiv {
	height: 55px;
	line-height: 55px;
}

.innerCollapsibleFieldsetPanel .collapsibleTitle {
	line-height: 55px;
}

.innerCollapsibleFieldsetPanel a.isdown {
	background: url('../images/green/accordionbg_active.jpg') no-repeat right center transparent;
}

.innerCollapsibleFieldsetPanel legend a {
	font-size: 13px !important;
}

.innerCollapsibleFieldsetPanel legend a > div {
	line-height: initial;
}

.innerCollapsibleFieldsetPanel {
	float: left;
	width: calc(100% - 45px);
	margin-left: 0 !important;
	padding-left: 45px !important;
	border: 0;
	overflow: hidden;
}

.innerCollapsibleFieldsetPanel .explanationText {
	display: inline-block;
	font-style: italic;
	vertical-align: middle;
	max-width: 1200px;
	font-size: 13px !important;
	font-weight: normal;
}

.innerCollapsibleFieldsetPanel .eyesysIcon {
	float: right;
	margin-right: 3%;
	line-height: 55px;
}

.innerCollapsibleFieldsetPanel legend {
	width: 100% !important;
	height: 23px !important;
	display: block !important;
	overflow: hidden;
}

.innerCollapsibleFieldsetPanel a:not(.notACollapsibleLink) {
	font-size: 16px !important;
	color: #444 !important;
	margin: 0 !important;
	width: 100%;
	outline: none;
	display: block;
}

/*---------------------------------------------------------*/

.notACollapsibleLink {
	margin-left: 5px;
	margin-right: 0;
}


.numberOfAttachments {
	background-color: #ffffff;
	border-radius: 10px;
	font-size: 10px;
	font-weight: normal;
	color: #000000 !important;
	text-align: center;
	text-shadow: none !important;
	display: none;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	line-height: 15px;
	padding: 0 1px 0 0;
	margin-left: 5px;
	margin-right: -5px;
}

.ui-datepicker {
	z-index: 100000000 !important;
}

.zHigh {
	z-index: 100000000 !important;
}

.zLow {
	z-index: -1 !important;
}

.z500 {
	z-index: 500 !important;
}

.z800 {
	z-index: 800 !important;
}

.removeButtonINACTIVE, .sendForApprovalButtonINACTIVE, .approveButtonDISABLED, .declineButtonDISABLED {
	width: 18px !important;
	height: 18px !important;
}

.flagGroup {
	overflow: auto;
	line-height: 30px;
	margin: 4px 0 0 2px;
}

.flagPanelGroup {
	padding: 9px 17px;
	overflow: auto;
	margin: 0 20px 10px 5px;
	border-radius: 0;
	width: calc(100% - 60px);
	border: 1px solid;
}

.flagPanelGroup .eyesysIcon {
	float: right;
	margin-right: 0;
	display: inline-block;
}

.flagGroupRed {
	background-color: #f4dbdb;
	color: #AD343C;
	border-color: #c83c46;
}

.flagGroupYellow {
	background-color: #fffff7;
	color: #bb6c00;
	border-color: #cf7700;
}

.flagUnit {
	display: inline-block;
	padding-right: 20px;
}

.flagUnit label {
	position: relative;
	bottom: 2px;
}

.fieldDataPanel_wrap {
	float: left;
	width: 100%;
	margin-left: 10px;
	overflow: hidden;
}

.addFieldData .button {
	padding: 1px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	margin-left: 5px !important;
}

.fieldDataPanel_wrap .button_right {
	float: right;
	margin-right: 10px;
	margin-top: 19px;
	z-index: -1;
	margin-left: 0;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.button_right img {
	float: left;
}

.currencyNameLabel {
	width: auto !important;
	margin-right: 2px;
	font-size: 12px;
	float: right;
	font-style: italic;
	color: rgb(144, 152, 160);
}

.invoiceHeaderPanel .tab-panel, .documentView .tab-panel {
	float: none !important;
	width: auto !important;
}

.documentModule .documentView .tab-panel {
	display: block;
}

.documentModule .documentView {
	width: 45%;
}

.documentView .tab-panel .content {
	float: none !important;
	width: auto !important;
}

.documentView .tab-panel .content .group {
	border: 0;
}

.documentView .tab-panel .content iframe {
	width: 100%;
	height: 77%;
	outline: none !Important;
}

.removeButtonINACTIVE, .sendForApprovalButtonINACTIVE, .approveButtonINACTIVE, .declineButtonINACTIVE, .removeButtonDISABLED, .sendForApprovalButtonDISABLED, .approveButtonDISABLED, .declineButtonDISABLED, .removeButtonACTIVE, .sendForApprovalButtonACTIVE, .approveButtonACTIVE, .declineButtonACTIVE {
	height: 16px !important;
	margin-top: 0 !important;
	width: 16px !important;
	float: left;
	margin-left: 7px;
	cursor: pointer;
	display: inline;
}

.accountingLineRowLabel .titleImage {
	display: block !important;
	margin-left: 4px;
	margin-right: 3px;
}

.accountingLineRowCheckboxes {
	width: 15px;
	height: 15px;
	margin: auto;
	left: 0.5em;
	top: 0.12em;
}

.buttonfiller {
	width: 19px;
	height: 10px;
	float: left;
	display: inline;
}

.leftSideTabPanel {
	background-color: white;
	width: 50%;
	margin-top: 50px;
}

.view-buttons {
	float: left;
	margin-top: 7px;
	min-width: calc(50% - 551px);
	text-align: left;
}

.view-buttons.noCustomLogo {
	min-width: calc(50% - 347px);
}

.view-buttons.noCustomLogo, .view-buttons.hideCustomLogo {
	margin-left: 200px;
}

.view-buttons.removeCSLogo {
	margin-left: 0 !important;
	background: #282828;
}

.documentViewTall .tab-panel .content iframe {
	height: 100%;
}

.documentViewTall {
	height: 74%;
	padding-bottom: 36px;
}

.columnContainer {
	overflow: auto;
}

.stretch {
	width: 100%;
}

.theForm {
	display: block;
	height: 100%;
}

.attachmentName {
	font-size: 9pt;
	margin: 0.4em 0 0.2em;
	position: absolute;
	margin-top: -3px !important;
}

.commentInput {
	min-width: 83%;
}

.commentRow {
	min-height: 28px;
}

.commentInitials {
	width: 23px;
	height: 23px;
	border-radius: 50%;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 0;
	background: #86acb9;
	color: white;
	margin-right: auto;
	padding-top: 11px;
	box-sizing: border-box;
	float: left;
}

.commentInitials.otherCommentInitials {
	background: #6eb322;
	margin-left: auto;
}

.commentRow:nth-child(odd) .commentContentWrapper {
	background-color: rgb(255, 184, 188);
}

.commentRow:nth-child(even) .commentContentWrapper {
	background-color: rgb(255, 220, 218);
}

.commentContentWrapper {
	background-color: #e8e9ee;
	display: inline-block;
	border-radius: 4px;
	margin-left: 15px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 23px;
	min-height: 23px;
	max-width: 80%;
	margin-bottom: 5px;
}

.commentUserAndTime {
	display: inline-block;
}

.commentName, .commentTimestamp {
	display: inline-block;
	font-style: italic;
}

.commentText {
	word-break: break-word;
	margin-left: 15px;
}

.commentRow .removeLink {
	font-size: large !important;
	cursor: default;
	color: #c83c46 !important;
	display: inline-block;
	position: relative;
	top: 1px;
	left: 10px;
}

.typeListView, .categoryListView {
	float: left;
	margin-top: 21px;
	margin-bottom: 15px;
}

.documentModule .overview .flagsPileGroup {
	margin-bottom: 0;
	margin-top: 14px;
	float: right;
}

.overviewHeading {
	font-size: 11pt;
	margin-left: 16px;
	margin-bottom: -20px;
	text-shadow: 1px 1px 0 #ffffff;
	font-weight: bold;
	color: #1a2b38;
	margin-top: 5px !important;
	min-height: 45px;
}

.documentModule .overview .drafts, .documentModule .overview .types, .documentModule .overview .categories {
	overflow: hidden;
}

.documentModule .overview .overviewLeftSide {
	max-width: 990px;
}

.divider, .blockDivider {
	height: 1px;
	background-color: #CCCCCC;
}

.blockDivider {
	margin: 15px 0;
}

.documentModule .overview .divider {
	margin: 20px 20px 35px 20px;
}

div.google-visualization-tooltip {
	background-color: #363c4a;
	border: none;
	border-radius: 5px;
	z-index: 1000;
}

div.google-visualization-tooltip > div {
	color: #ffffff;
	padding: 0 20px;
	vertical-align: middle;
}

div.google-visualization-tooltip .google-visualization-tooltip-item .google-visualization-tooltip-square {
	margin: 0.45em 0.7em 0 0;
	border-bottom: none;
}

div.google-visualization-tooltip .google-visualization-tooltip-item span {
	color: #ffffff !important;
}

.fullWidth {
	width: 100%;
}

.editColumn {
	min-width: 30px;
	width: 30px;
	padding: 0 !important;
}

.filterColumn {
	width: 75px;
	padding-right: 6px;
}

.filterColumn .eyesysIcon {
	margin-bottom: -3px;
}

.flagColumn {
	padding-left: 0 !important;
}

.flagColumn a {
	padding-right: 0 !important;
}

.wicket_orderDown.flagColumn, .wicket_orderUp.flagColumn {
	padding-right: 0 !important;
}

.flagColumn span div {
	margin-left: 5px;
}

.recentlyRead {
	/*width: 240px;*/
}

.margin10 {
	margin: 10px !important;
}

.recentContractsListView {
	width: auto;
	height: 20px;
	cursor: pointer;
}

.recentContractName {
	font-weight: bold;
	margin-left: 10px;
	max-width: 300px;
	min-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.recentContractName.right {
	min-width: 0;
}

.documentSettingsTab .flags {
	padding: 8px 0;
	overflow: hidden;
	width: 100%;
}

.documentSettingsTab .number {
	padding-left: 6px;
}

.autoOverflow {
	overflow: auto;
}


.searchFilter .fixedWidth {
	width: 155px;
}

.searchFilter .fromToHeaders {
	padding-top: 12px;
}

.searchFilter .fromToHeaders span {
	display: inline-block;
}

.fromToDateHeaders {
	padding-top: 20px !important;
}

.documentModule .searchFilter .buttonContainer {
	border: 0;
	float: right;
}

.documentModule .searchFilter .searchFieldsContainer {
	padding-right: 30px;
}

.infoText {
	font-weight: 600;
	font-size: 13px;
}

#wicketDebugLink {
	bottom: 220px !important;
}

.threeColumnForm {
	width: 545px;
	padding: 10px 10px 30px;
}

.twoColumnForm {
	width: 375px;
	padding: 10px 10px 30px;
}

.documentModule .searchFilter .innerCollapsibleFieldsetPanel {
	width: 95%;
	/*padding: 0 !important;*/
}

span.removeLink {
	display: inline-block;
	padding-right: 0;
	padding-left: 2px;
	text-decoration: none;
	font-size: large;
	text-align: center;
	vertical-align: top;
}

.notesCollapsible span.removeLink {
	left: 8px;
	top: -2px;
}

.formSubHeader {
	font-size: 10pt;
	font-weight: bold;
	margin: 10px 0 8px;
	display: block;
	padding-left: 5px;
}

.errorSubHeader {
	font-size: 10pt;
	font-weight: bold;
	margin: 10px 0 0;
	display: block;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 12px;
	background-color: #f4dbdb;
}

.messageContainer {
	margin-bottom: 10px !important;
	margin-left: 60px;
	margin-right: 6%;
	margin-top: 10px;
	padding: 10px;
	border-radius: 4px;
}

.textInput {
	width: 171px;
}

.textInput.smaller {
	width: 115px;
}

.textInput.extraWide {
	width: 276px;
}

.textInput.onHoldInputWidth {
	width: 415px;
}

.quickSearchWrapperMenuPage {
	position: absolute;
	top: 2.6em;
}

.quickSearch {
	width: 28.307em;
	border-radius: 10px;
	padding: 4px 2px 4px 30px;
	height: 1em;
	background: rgb(120, 131, 140);
	border: none;
	color: white;
	cursor: default;
	box-shadow: inset 1px 4px 10px -6px #000000;
	z-index: 32;
}

.quickSearch::placeholder {
	color: white;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
}

.quickSearch::-webkit-input-placeholder {
	color: white;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
}

.quickSearch::-moz-placeholder {
	color: white;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	-moz-osx-font-smoothing: grayscale;
}

.quickSearch:-moz-placeholder {
	color: white;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	-moz-osx-font-smoothing: grayscale;
}

.quickSearch:-ms-input-placeholder {
	color: white;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
}

.smaller1 {
	width: 250px !important;
}

.smaller2 {
	width: 150px !important;
}

.quickSearchWrapper input.quickSearch:focus {
	background: rgb(120, 131, 140) !important;
	outline: none;
}

.quickSearchResult {
	height: 56px;
	padding: 7px !important;
	width: 360px;
}

.mergeInvoice .quickSearchResult {
	border: 1px solid #e5e5e5;
	width: calc(28.307em - 13px);
}

.mergeInvoice .quickSearchResult span.oneColumn {
	width: 100%;
	margin-right: 3px;
}

.mergeInvoice .quickSearchResult span.left {
	width: 170px;
	margin-right: 3px;
}

.mergeInvoice .quickSearchResult span.right {
	width: 170px;
	margin-left: 0;
}

.mergeInvoice .targetInvoiceLabel {
	display: inline-block;
}

.mergeInvoice .removeTargetInvoice {
	display: inline-block;
	position: relative;
	bottom: 45px;
	left: 8px;
	font-size: 1.2em;
}

.ui-dialog .ui-dialog-content .quickSearchResult label, .ui-dialog .ui-dialog-content .quickSearchResult > * {
	line-height: normal;
}

.quickSearchResult:nth-child(odd) {
	background: #f7f7f7;
}

.quickSearchResult span {
	display: block;
}

.quickSearchResult span b {
	width: 55px;
	display: inline-block;
}

.quickSearchResult span label {
	width: 115px;
	display: inline-block;
}

.quickSearchResult span.oneColumn {
	float: left;
	width: 100%;
	margin-right: 10px;
}

.quickSearchResult span.oneColumn span {
	white-space: nowrap;
	overflow-x: hidden;
}

.quickSearchResult span.left {
	float: left;
	width: 170px;
	margin-right: 10px;
}

.quickSearchResult span.left span {
	white-space: nowrap;
	overflow-x: hidden;
}

.quickSearchResult span.right {
	float: right;
	width: 170px;
	margin-left: 10px;
}

.quickSearchResult span.right span {
	text-align: left;
	white-space: nowrap;
	overflow-x: hidden;
}

.organizationPageBox {
	width: 480px !important;
	height: 2020px;
}

.accountAndVatPanel .labelName {
	width: 260px;
}

.organizationPage {
	width: 83% !important;
	padding-bottom: 20px;
}

.organizationPage .labelName {
	width: 250px;
	margin-right: 15px;
}

.organizationPage .textInput {
	width: 120px;
}

.organizationPage select {
	width: 127px;
}

.erpSpecificSettingsPanel .labelName {
	width: 260px;
}

.unit input[type=checkbox] {
	position: relative;
	left: 0;
	top: 2px;
}

.dimensionsPanel .textInput {
	width: 100px;
}

.dimensionsPanel .textInputSmaller {
	width: 85px;
}

.dimensionsPanel select {
	width: 50px;
}

.dimensionsPanel .checkBoxTable {
	margin-top: 15px;
	width: 106%;
}

.dimensionsPanel .checkBoxTable .labelName {
	width: 80px;
}

.dimensionsPanel .checkBoxTable .use {
	width: 65px;
	display: inline-block;
}

.dimensionsPanel .checkBoxTable .req {
	width: 78px;
	text-align: center;
	display: inline-block;
}

.dimensionsPanel .checkBoxTable .prel {
	width: 110px;
	text-align: center;
	display: inline-block;
	margin: 0 5px;
}

.dimensionsPanel .checkBoxTable .bal {
	width: 60px;
	text-align: center;
	display: inline-block;
}

.notVisible {
	visibility: hidden;
}

.supplierSettingsPanel .leftCol {
	float: left;
	margin-right: 40px;
}

.supplierSettingsPanel .rightCol {
	float: left;
}

.supplierSettingsPanel, .approveFlowAndAutoAccountCodingPanel {
	width: 880px !important;
}

.supplierSettingsPanel .labelName, .approveFlowAndAutoAccountCodingPanel .labelName {
	width: 170px;
}

.approvalListSettingsPanel .labelName {
	width: 140px;
}

.approvalListSettingsPanel .newRowButtonID {
	margin-left: 10px;
}

.approvalListSettingsPanel .newApproverRow label {
	width: 20px;
	display: inline-block;
}

.approvalListSettingsPanel .newApproverRow input {
	width: 276px;
}

.approvalListSettingsPanel .newApproverRow {
	margin: 5px 0;
}


.collapsibleFieldsetPanel > div.content {
	margin: 10px 30px 10px 20px;
}

.sharedInvoices .collapsibleFieldsetPanel {
	width: 100%;
	padding-bottom: 40px;
}

.multipleInnerGroups .labelFollowingCheckbox {
	width: 142px;
}

.labelFollowingCheckbox {
	width: 127px;
}

label.sideMargins5 {
	margin: 0 5px;
}

.accountingTemplatesPanel thead tr {
	height: 26px;
}

.accountingTemplatesPanel th {
	margin: 0;
	padding: 0;
	border: 0;
	color: black;
}

.accountingTemplatesPanel th label {
	margin-right: 5px;
}

.accountingTemplatesPanel .newRow {
	margin-right: 5px;
}

.accountingGroupSettingsPanel {
	width: auto;
}

.acValidationRuleSettingsPanel {
	width: auto;
}

.acValidationRuleSettingsPanel .amountAlternatives input[type=radio] {
	width: 16px;
}

.acValidationRuleSettingsPanel .amountAlternatives label {
	width: 177px;
	display: inline-block;
}

.dontShow {
	display: none !important;
}

.messageInConversation {
	padding-bottom: 10px;
	background: #ededed;
	border: 1px solid #ccc;
}

.dialogHider {
	display: none;
	background: white !important;
}

.invalid {
	background: #f4dbdb !important;
}

.filters-tr .filter-td:last-child {
	width: 93px !important;
}

.filter-td select {
	margin-left: 0.8em;
}

#profileBox, #passwordBox {
	height: 270px;
}

#profileBox, #userGroupBox {
	min-width: 431px;
}

#passwordBox, #settingsBox {
	min-width: 431px;
}

#userGroupBox, #settingsBox {
	height: 270px;
}

#profileBox .content, #passwordBox .content, #userGroupBox .content, #settingsBox .content {
	margin-right: 15px;
}

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

.columnLayout .rightCol {
	float: left;
}

#userGroupPage .spacer {
	height: 16px;
}

#userGroupPage > fieldset {
	width: 520px;
}

.centered {
	text-align: center;
}

#accountingTemplatePage tbody {
	padding: 0;
	background: white;
}

#accountingTemplatePage .accountingTemplateTableContainer th, .prevAccLineTh {
	font-weight: normal;
	font-size: 11px;
	color: #353535;
	text-align: left;
	padding-bottom: 5px;
	border-right: 0;
}

#accountingTemplatePage .accountingTemplateTableContainer select {
	height: 25px;
	margin-bottom: -2px;
	margin-top: 0;
	padding-top: 3px !important;
}

#accountingTemplatePage .centered div {
	margin-left: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: -4px;
	margin-right: -1px;
}

#accountingTemplatePage .centered div.removeButton {
	border-right: none;
	margin-left: -2px;
}

#accountingTemplatePage .centered div.removeButton .eyesysIcon {
	position: relative;
	right: 3px;
	bottom: 2px;
	border: none;
}

#accountingTemplatePage fieldset .content {
	margin-bottom: 36px;
}

#accountingTemplatePage table {
	background: none !important;
	left: 3px;
	width: auto;
	border-collapse: collapse;
	line-height: 22px;
}

#accountingTemplatePage .accountingLineRowInput {
	height: auto;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 0 0 -2px 0;
}

#accountingTemplatePage .accountingLineRowLabel {
	font-weight: 600;
	font-size: 1.2em;
}

.borderColumnLayout .leftCol, .borderColumnLayout .midCol {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #C5C5C5;
}

.borderColumnLayout .rightCol {
	float: left;
}

#editSupplierContract .spacer {
	height: 20px;
}

.textAreaLabel {
	vertical-align: top;
}

.formColumn .content {
	margin-bottom: 10px;
}

.documentLeftColumn {
	width: 48%;
	float: left;
	margin-right: 5px;
}

.headerInfo.documentLeftColumn {
	margin-bottom: 15px;
}

.documentRightColumn {
	width: 48%;
	float: left;
	margin-left: 5px;
}

.headerInfo.documentRightColumn {
	margin-bottom: 15px;
}

.documentLeftColumn .labelName,
.documentRightColumn .labelName {
	/* this made so that long labels could not display the entire text.. (TypePropertiesPanel)*/
}

.documentLeftColumn .labelName,
.documentRightColumn .labelName,
.documentLeftColumn .textInput,
.documentRightColumn .textInput,
.documentRightColumn select,
.documentLeftColumn select,
.documentModule .searchFieldsContainer {
	/* this made so that long labels could not display the entire text.. (TypePropertiesPanel)*/
	font-size: 12px;
}

#orgpage_invoiceFieldVisibility .documentLeftColumn .labelName,
.documentRightColumn .labelName,
.documentLeftColumn .textInput,
.documentRightColumn .textInput,
.documentRightColumn select,
.documentLeftColumn select {
	/* this made so that long labels could not display the entire text.. (TypePropertiesPanel)*/
	/* added class shortSelects instead (used on orgpage) */
}

.shortSelects select {
	width: 33%;
}

.documentLeftColumn .labelName,
.documentRightColumn .labelName {
	/* this made so that long labels could not display the entire text.. (TypePropertiesPanel)*/
}

#orgpage_invoiceFieldVisibility .documentLeftColumn .labelName,
.documentRightColumn .labelName {
	width: 58% !important;
	/* this made so that long labels could not display the entire text.. (TypePropertiesPanel)*/
}

.documentLeftColumn .labelName,
.documentRightColumn .labelName {
	width: 45% !important;
	/* this made so that long labels could not display the entire text.. (TypePropertiesPanel)*/
}

.roundOffField {
	margin-top: -2px !important;
}

#invoicePage .documentLeftColumn .labelName,
#invoicePage .documentRightColumn .labelName,
#invoicePage .documentLeftColumn .textInput,
#invoicePage .documentRightColumn .textInput,
#invoicePage .documentRightColumn select,
#invoicePage .documentLeftColumn select {
	width: 43%;
	/*font-size: 0.8461538461538462em;*/
	height: 13px;
}

#invoicePage .documentLeftColumn .labelName,
#invoicePage .documentLeftColumn .textInput,
#invoicePage .documentLeftColumn select {
	margin-right: 0;
	height: 13px;
}

#invoicePage .documentRightColumn select,
#invoicePage .documentLeftColumn select {
	width: calc(44% + 5px);
	height: 21px;
}

.tight label,
.tight input,
.tight select,
.tight textarea,
.documentModule .multipleInnerGroups.tight .labelName {
	font-size: 11px;
}

.documentModule .documentView .content {
	position: relative;
	top: 0;
	margin-left: 0;
}

.formColumn .textInput,
#userGroupPage .textInput,
.accountingGroupSettingsPanel .textInput {
	position: relative;
}

.zeroRight input {
	right: 0 !important;
}

.accountingGroupSettingsPanel input[type=checkbox] {
	position: relative;
	right: -15px;
	left: auto;
}

#settingsPage .formColumn .textInput {
	position: static;
}

.noMargins {
	margin: 0 !important;
}

.documentModule .invoiceHeaderPanel .tab-panel {
	width: 95% !important;
}

.documentModule .invoiceHeaderPanel .tab-panel,
.fullWithTabContent {
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0;
	overflow-x: hidden;
}

.overview .documentsOverviewPanel {
	min-width: 700px;
	min-height: 360px;
}

.documentsOverviewPanel > * {
	margin-top: 30px;
}

.tableWannabe {
	display: table;
	width: 100%;
}

.tableWannabe .row {
	display: table-row;
}

.prevAccounting .tableWannabe {
	border: 1px solid rgb(215, 222, 228);
	border-bottom: none;
	margin-left: -1px;
}

.prevAccounting .tableWannabe .accountingLineRowTitles .cell,
.prevALCell {
	padding-top: 2px;
	padding-bottom: 1px;
}

.tableWannabe .rowGroup {
	display: table-row-group;
}

.tableWannabe .cell,
.prevALCell,
.prevALCellTh {
	display: table-cell;
}

.cell .accountingLineRowLabel {
	position: relative;
	top: 3px;
	font-weight: bold;
}

.inlineBlock {
	display: inline-block;
}

.block {
	display: block !important;
}

.inlineFlex, .inlineFlexThenBlock1920 {
	display: inline-flex;
}

.flex, .flexThenBlock1920 {
	display: flex;
}

#invoicePage .documentView .tab-panel {
	padding: 0;
	margin-top: -24px;
}

#invoicePage .documentView .tab-panel .group {
	margin-top: -42px;
}

.documentView .tab-panel .group {
	margin: 0;
	padding: 0;
}

.searchFilter .labelName {
	width: 160px;
}

.invoiceListPanel .filters-tr {
	display: none;
}

.prevAccountingTabs {
	clear: left;
	float: left;
}

.prevAccountingButton {
	float: right;
	height: 18px !important;
	line-height: 18px !important;
}

.prevAccountingTabs > div {
	display: inline;
	color: #1d2b6c;
	border-radius: 4px 4px 0 0;
	margin-left: 4px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	height: 24px;
	line-height: 20px;
	background: rgb(238, 239, 241);
	border: 1px solid rgb(213, 216, 222);
	border-bottom: none;
}

.prevAccountingTabs > div:first-of-type {
	margin-left: 0;
}

.prevAccountingTabs .activeTab {
	color: #1e1e1e;
	background: rgb(215, 222, 228);
	border: 1px solid rgb(215, 222, 228);
	border-bottom: none;
}

.prevAccountingTabs > div label {
	cursor: pointer;
	font-size: 11px;
}

.currencyUnit {
	height: 50px;
	margin-bottom: 1px;
}

.currencyUnit label.labelName {
	float: left;
}

.currencyUnit label {
	position: relative;
	top: 3px;
}

.currencyInputContainer {
	overflow: auto;
	width: 48%;
	position: relative;
	left: 4px;
}

.currencyInputContainer .currencyInput {
	float: left;
	width: 98%;
	margin-right: -35px;
}

.currencyInputContainer .currencyInput input {
	width: 100% !important;
	height: 13px;
}

.currencyInputContainer .currencyInput > div > div {
	padding-right: 35px;
}

#invoicePage .invoiceHeaderPanel .tab-panel {
	padding: 0;
}

#invoicePage .invoiceHeaderPanel .innerCollapsibleFieldsetPanel, .innerCollapsibleFieldsetPanel {
	padding: 0;
	margin: 0;
}

#invoicePage .greyFieldset fieldset, #invoicePage .greyFieldset .sliderPanel {
	background-color: rgb(249, 249, 249) !important;
}

#invoicePage .invoiceHeaderPanel .innerCollapsibleFieldsetPanel legend a {
	font-size: 14px !important;
}

#invoicePage .invoiceHeaderPanel .unit {
	max-width: 370px;
	margin-top: 0;
	padding: 1px 0 1px 15px;
}

#invoicePage .invoiceHeaderPanel .headerInfo .unit {
	padding-left: 0;
}

#invoicePage .invoiceHeaderPanel .innerCollapsibleFieldsetPanel legend {
	width: 100% !important;
}

#invoicePage .invoiceHeaderPanel .columnContainer {
	float: left;
	width: calc(100% - 46px);
	margin-left: 0 !important;
	padding-left: 46px !important;
	padding-top: 3px !important;
	border: 0;
	overflow: hidden;
}

#invoicePage .invoiceHeaderPanel .formTopMargin {
	height: 10px;
}

#invoicePage .invoiceHeaderPanel .flagsPanel {
	float: left;
	width: calc(100% - 55px);
	margin-left: 0 !important;
	padding-left: 55px !important;
	border: 0;
	overflow: hidden;
	color: white;
}

#invoicePage .invoiceHeaderPanel .documentLeftColumn {
	width: 45%;
}

#invoicePage .invoiceHeaderPanel .documentRightColumn {
	width: 45%;
}

#invoicePage .headerInformation .documentLeftColumn, #invoicePage .headerInformation .documentMiddleColumn, #invoicePage .headerInformation .documentRightColumn {
	float: left;
	width: 32%;
	display: inline-block;
}

#invoicePage .headerInformation .documentLeftColumn {
}

#invoicePage .headerInformation .documentMiddleColumn {
}

#invoicePage .headerInformation .documentRightColumn {
}

#invoicePage .headerInformation .documentRightColumn .unit:nth-child(1) {
	margin-top: 3px !important;
}

#invoicePage .headerInformation .documentRightColumn .unit .categoryChoice.smallerLabel {
	height: inherit !important;
	line-height: inherit !important;
	margin-top: 0;
}

#invoicePage .headerInformation .documentRightColumn .unit .categoryChoice {
	margin-top: 0;
	height: 41px;
	line-height: 62px;
	padding-top: 2px;
}

.removeOneTopMargin {
	margin-top: -1px !important;
}

#invoicePage .headerInformation .documentRightColumn .unit .categoryBox, #invoicePage .headerInformation .documentRightColumn .unit .noVatBox {
	position: inherit;
	vertical-align: bottom;
}

#invoicePage .headerInformation .documentRightColumn .textInput {
}

#invoicePage .headerInformation .labelContainer {
	width: calc(100% - 30px);
}

#invoicePage .headerInformation .labelName {
	height: 18px;
	display: block;
	font-size: 1em;
	color: white;
	text-transform: uppercase;
	margin-right: 0;
}

#invoicePage .headerInformation .labelName.leftLabel {
	text-align: left;
	width: 50%;
	display: inline-block;
}

#invoicePage .headerInformation .labelName.rightLabel {
	text-align: right;
	width: 37%;
	display: inline-block;
}

#invoicePage .headerInformation .labelName.currencyLabel {
	text-align: right;
	width: 8%;
	display: inline-block;
}

#invoicePage .headerInformation .textInput {
	display: inline-block;
	height: 17px;
	width: calc(95% - 25px);
	margin-right: 0;
}

#invoicePage .headerInformation .textInput:focus {
	box-shadow: inset 2px 4px 10px -6px #c3c3c3, 0 0 2px #32ffbe;
	border-color: #32ffbe !important;
	background: #ffffff !important;

}

#invoicePage .headerInformation .textInput, #invoicePage .headerInformation .currencyNameLabel {
	color: #39434c;
	height: 22px;
}

/*#invoicePage .headerInformation .textInput.greenInput {*/
/*	background: rgb(237, 246, 227);*/
/*	border-color: rgb(71, 170, 62);*/
/*}*/

/*#invoicePage .headerInformation .textInput.blueInput {*/
/*	background: rgb(209, 234, 239);*/
/*	border-color: rgb(24, 189, 219);*/
/*}*/

/*#invoicePage .headerInformation .textInput.greyInput {*/
/*	background: rgb(231, 236, 242);*/
/*	border-color: rgb(47, 62, 85);*/
/*}*/

#invoicePage .headerInformation .textInput.lightGreyInput {
	background: #ffffff;
	border-color: #282828;
}

#invoicePage .headerInformation .textInput.whiteBlueInput {
	background: rgb(255, 255, 255);
	border-color: rgb(24, 189, 221);
}

#invoicePage .headerInformation .textInput.whiteGreyInput {
	background: rgb(255, 255, 255);
	border-color: rgb(165, 165, 165);
}

#invoicePage .headerInformation .negativeAmount {
	margin-left: -18px;
	margin-top: 14px;
	background: white;
	display: inline-block;
	width: 13px;
	height: 1px;
	float: left;
}

#invoicePage .headerInformation .currencyNameLabel {
	display: inline-block;
	right: calc(3em + 0.3vw);
	top: calc(0.2em + 4px);
	position: relative;
	font-size: 0.9em;
}

#invoicePage .headerInformation .currencyNameLabel.greyLabel {
	color: rgb(144, 152, 160);
	cursor: not-allowed;
}

#invoicePage .headerInformation input[disabled].textInput,
#invoicePage .moreInfoPanel .unit input[disabled],
.inviteMessage input[disabled],
.inviteMessage textarea[disabled],
.disabledField {
	cursor: not-allowed;
	background: rgba(216, 222, 228, 1);
	border-color: rgba(216, 222, 228, 1);
}

.headerMainTabPanel {
	overflow: auto;
	overflow-x: hidden;
	background: #424242;
}

.additionalInfoContainer {
	height: 55px;
	width: 48%;
}

.additionalInfo .fitToContentWrapper {
	display: inline-block;
	padding: 0 10px;
}

.additionalInfo {
	display: inline-block;
	width: 31%;
	height: 35px;
	float: left;
	color: white;
	text-align: center;
	box-shadow: 6px 6px 10px -6px rgba(0, 0, 0, 0.2);
}

.additionalInfo span, .additionalInfo label {
	line-height: 35px;
	margin: 0;
	font-size: 15px;
}

.additionalInfo span {
	opacity: 0.5;
}

.additionalInfo label {
	font-weight: bold;
}

.additionalInfoGreen {
	background: rgb(70, 170, 62);
}

.additionalInfoBlack {
	background: rgb(53, 59, 72);
}

.additionalInfoWhite {
	background: rgb(255, 255, 255);
	width: 38%;
	color: black;
}

#invoicePage div.content.invoiceHeaderPanel {
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.35);
	transition: background-color .3s ease-in-out;
}

#invoicePage div.content.invoiceHeaderPanel.greyBackground {
	background-color: rgb(249, 249, 249);
}

input.go.button, input.clear.button {
	padding: 3px 4px !important;
	font-size: 11px !important;
	margin: 0 5px !important;
	border: 1px solid rgba(14, 87, 101, 0.3);
}

.button.tightButton {
	padding: 3px 7px !important;
	border-radius: 4px;
}

.button.button_right.tightButton {
	padding: 6px 12px !important;
	margin-bottom: 2px;
	margin-right: 13px;
}

.button.button_right.tightButton .eyesysIcon {
	font-size: 19px !important;
	margin-right: 0;
	position: relative;
	top: 0;
}

.button.button_right.tightButton .buttonText {
	display: inline;
	margin-left: 4px;
}

.aboveAccountingTable .button.button_right.tightButton {
	padding: 0 !important;
}

.aboveAccountingTable .button.button_right.tightButton .eyesysIcon {
	padding: 7px 0 !important;
}

.filterInput {
	margin: 0 0;
	height: 38px;
}

.editColumn {
	text-align: center;
}

.signInMessage {
	text-align: left;
	font-weight: 600;
	font-size: 30px;
	letter-spacing: 0;
	color: #485362;
	opacity: 1;
}

.flexCenterColumn {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.flexCenterColumn.logInFrom {
	width: 400px;
	gap: 20px;
}

.forgottenPasswordBackButton span.rillionGreenButton {
	height: 48px;
	line-height: 48px;
	width: 144px;
	font-size: 15px !important;
	cursor: pointer;
	display: inline-block;
	padding: 6px 13px !important;
	border-radius: 0;
}

.forgottenPasswordBackButton span.rillionGreenButton:hover {
	background: #0f3732;
}

.forgottenPasswordBackButton span.rillionGreenButton .eyesysIcon {
	color: black;
}

.forgottenPasswordBackButton.button {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

#signIn .bottomContainer {
	position: fixed;
	bottom: 5%;
	left: 0;
	width: 100%;
	margin-top: 10px;
}

@media (max-height: 750px) {
	#signIn .bottomContainer {
		position: relative;
		bottom: 0;
		width: 100%;
		margin-top: 50px;
	}
}

.centeredText {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.signInTextLink {
	color: #ffffff;
	text-decoration: underline !important;
}

.signInBottomTextContainer {
	margin-top: 20px;
	user-select: text;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.signInPanelTextWrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.signInTextInput {
	font-weight: 400;
	font-family: Calibri, sans-serif;
	color: #000000 !important;
	font-size: 18px !important;
	height: 50px;
	border-radius: 5px;
	width: calc(100% - 20px);
	padding: 0 10px;
}

.signInTextLabel {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
}

.signInTextInput:focus {
	border-color: #32ffbe;
	background: #ffffff !important;
	box-shadow: 0 0 6px rgba(50, 255, 190, 0.5);
}

#signIn #contentContainerHeader {
	padding: 20px 20px 10px 20px;
	width: 340px;
	height: 44px;
	margin-top: 145px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#signIn input[type="checkbox"] {
	margin-top: 1px;
	top: 0;
	width: 15px;
	height: 15px;
	display: block;
	margin-right: 5px;
	margin-left: 0;
}

#loginButton {
	font-size: 17px !important;
	font-weight: bold;
	border: 0;
	background-color: #14695a;
	color: white;
	border-radius: 5px;
	cursor: pointer;
	height: 53px;
	width: 100%;
}

#loginButton:focus, #loginButton:hover {
	background: #0f3732 !important;
}

.signInFormExtraButtons {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 15px;
	margin-top: 15px;
}

.signInFormTextLabelWrapper {
	display: flex;
	justify-content: center;
}

.signInFormTextLabel {
	line-height: 1.4em !important;
	vertical-align: middle !important;
	margin: 0 0 -1px 0 !important;
	padding: 0 !important;
	color: #485362 !important;
	font-size: 14px !important;
}

.bigAndBold {
	font-weight: bold !important;
	text-transform: uppercase;
}

#loginButtonSso {
	font-size: 17px !important;
	font-weight: bold;
	border: 0;
	background-color: #14695a;
	color: white;
	border-radius: 5px;
	cursor: pointer;
	height: 53px;
	width: 100%;
}

#loginButtonSso:focus, #loginButtonSso:hover {
	background: #0f3732 !important;
}

.loginTypeContainer {
	width: 100%;
	display: flex;
	justify-content: center;
}

.loginTypeButton {
	width: 100%;
	display: flex;
	justify-content: center;
	font-size: 17px !important;
	line-height: 2.6em;
	font-weight: bold;
	border: 3px solid #14695a;
	background-color: white;
	color: #14695a;
	border-radius: 5px;
	cursor: pointer;
	height: 53px;
}

.samlLoginTypeSwitcher {
	font-size: 17px !important;
	border: 3px solid #14695a;
	background-color: white;
	color: #14695a;
	border-radius: 5px;
	cursor: pointer;
	height: 53px;
	width: 100%;
}

.signInLabel {
	line-height: 1.4em !important;
	vertical-align: middle !important;
	margin: 0 0 -1px 0 !important;
	padding: 0 !important;
	color: #485362 !important;
	font-size: 14px !important;
	font-weight: bold !important;
}

.signInLabel #urlLink > span {
	text-decoration: underline;
	color: #485362 !important;
}

.signInLabel #urlLink:hover > i, .signInLabel #urlLink:hover > span {
	color: #485362 !important;
}

#urlLink > span {
	color: #39434c;
}

#urlLink:hover > i {
	color: rgb(128, 128, 128);
}

#urlLink:hover > span {
	color: rgb(128, 128, 128);
	text-decoration: underline;
}

#signIn .centsoftSignInLogo {
	width: 100%;
	height: 100%;
	background: transparent url('../images/CentsoftLogoRGB.png') 0 0 no-repeat padding-box;
	opacity: 1;
}

#signIn .rillionSignInLogo,
.globalSignIn .rillionSignInLogo {
	height: 100%;
	background: transparent url('../images/rillion/logos/RillionOneVibrantGreen400w.png') 0 0 no-repeat padding-box;
	opacity: 1;
}

#signIn .rillionLogoWrapper,
.globalSignIn .rillionLogoWrapper {
	width: 100%;
	height: 100px;
}

/*#signIn .centsoftLogoWrapper {*/
/*	margin-top: 39px;*/
/*	margin-left: 54px;*/
/*	margin-bottom: 20px;*/
/*	height: 40px;*/
/*}*/

.signInPanelText {
	color: #000000;
	font-family: 'Calibri', 'Calibri Regular', sans-serif;
	font-size: 12px;
}

.signInReadMoreNewsText {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	text-decoration: underline !important;
	cursor: pointer;
}

.signInNewsExplanationText {
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0;
	color: #ffffff;
}

.layeredBorder {
	width: 830px;
	height: 1px;
	background-color: #BBBABA;
	border: 4px solid #FAF8F8;
	margin-top: 20px;
	margin-bottom: 10px;
}

#signIn {
	background: #FFFFFF;
	height: 100%;
	width: 100%;
	display: flex;
	font-family: Calibri, sans-serif;
	flex-wrap: wrap;
}

.global {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
	margin: 0 20px;
}

.globalSignIn {
	background: #FFFFFF;
	height: 100%;
	width: 100%;
	display: flex;
	font-family: Calibri, sans-serif;
}

#signIn h1 {
	padding-top: 2px;
	font-size: 13pt;
}

#signIn h2 {
	font-size: 12pt;
}

#signIn .copyright {
	font-size: 11px;
	color: #444;
}

#signIn #welcome {
	padding-left: 5px;
}

#signIn .feedback,
#signIn .jsfeedback {
	width: 100%;
}

#signIn .jsfeedback {
	display: none;
}

#signIn .no-js {
	display: block;
}

#signIn .feedback li {
	border-radius: 5px;
}

.link:hover {
	text-decoration: underline;
	cursor: pointer;
}

.invoiceLogTable td:nth-child(3) div, .documentLogTable td:nth-child(4) div {
	white-space: initial;
	word-break: break-word;
}

.documentModule .documentView .tab-panel {
	padding-left: 0;
}

.advanceInvoicehead .toLabel {
	padding-left: 2px;
}

.multipleInnerGroups .collapsibleLegend {
	padding-left: 45px !important;
	width: 97% !important;
	margin-bottom: 0 !important;
}

#searchInvoicePage .innerCollapsibleFieldsetPanel, .multipleInnerGroups .innerCollapsibleFieldsetPanel {
	float: none;
	background-color: white;
}

#searchInvoicePage .collapsiblePanelSubDiv, .multipleInnerGroups .collapsiblePanelSubDiv {
	padding-bottom: 15px;
}

#searchInvoicePage .group, .multipleInnerGroups .group {
	margin-bottom: 0;
	padding-bottom: 0;
}

#searchInvoicePage .simpleInvoicehead .group:nth-child(even), .documentModule .multipleInnerGroups .group:nth-child(even) {
	background: rgb(249, 249, 249);
}

#searchInvoicePage .advanceInvoicehead .group:nth-child(odd) {
	background: #ffffff;
}

#searchInvoicePage .innerGroup,
.documentModule .innerGroup,
.multipleInnerGroups.filterStyle .innerGroup {
	padding: 20px 45px 25px !important;
}

.multipleInnerGroups .innerGroup {
	padding: 20px 0 20px;
}

.multipleInnerGroups .innerGroup.extraTopPadding {
	padding-top: 35px !important;
}

#searchInvoicePage .inline, .multipleInnerGroups .inline {
	display: inline-block;
	vertical-align: top;
}

.multipleInnerGroups .ruleList:last-child {
	margin-right: 0 !important;
}

.multipleInnerGroups .outerGroup.approvalRuleWidthFix {
	max-width: 2454px;
}

#searchInvoicePage .innerGroup.inline, .multipleInnerGroups .innerGroup.inline {
	min-width: 438px;
}

.multipleInnerGroups.tight.filterStyle .innerGroup.inline, .multipleInnerGroups.filterStyle .tight .innerGroup.inline {
	min-width: inherit;
}

#searchInvoicePage .inline.verticalLineRight, .multipleInnerGroups .inline.verticalLineRight {
	border-right: 1px solid #d5d8de;
	margin-right: -4px;
}

#searchInvoicePage .inline.verticalLineLeft, .multipleInnerGroups .inline.verticalLineLeft {
	border-left: 1px solid #d5d8de;
}

#searchInvoicePage .verticalLine, .multipleInnerGroups .verticalLine {
	width: 1px;
	background-color: #d5d8de;
}

#searchInvoicePage .checkboxSubs, .documentModule .checkboxSubs {
	display: inline-block;
}

#searchInvoicePage .explanation, .documentModule .multipleInnerGroups .explanation,
.multipleInnerGroups.filterStyle .explanation {
	max-width: 500px;
	min-width: inherit;
	display: block;
	padding: 10px 0;
	line-height: normal;
	font-size: 11px;
}

#searchInvoicePage .innerGroup.inline .setCheckBoxWidth .checkboxSubs,
.documentModule .innerGroup.inline .setCheckBoxWidth .checkboxSubs {
	width: 140px;
	vertical-align: top;

}

#searchInvoicePage .innerGroup.inline .setCheckBoxWidth.extraWide .checkboxSubs {
	width: 155px;
}

#searchInvoicePage .labelName,
.documentModule .searchFilter .multipleInnerGroups .labelName,
.multipleInnerGroups.filterStyle .labelName {
	width: 150px;
	color: inherit;
	font-weight: normal;
	padding-right: 0;
	margin: 0;
	font-size: 11px;
}

.textAreaLabelInvoiceHead {
	vertical-align: top;
}

#searchInvoicePage .midCol .labelName, #searchInvoicePage .rightCol .labelName {
	width: 80px;
}

#searchInvoicePage .unit, .documentModule .multipleInnerGroups .unit, .multipleInnerGroups.filterStyle .unit {
	padding-left: 0;
	padding-right: 0;
}

.documentModule .multipleInnerGroups .unit, .multipleInnerGroups.filterStyle .unit {
	margin: 2px 0 0 0;
	min-height: inherit;
	line-height: inherit;
}

.multipleInnerGroups.filterStyle .extraUnitTopMargin .unit {
	margin-top: 12px !important;
}

.multipleInnerGroups .tight .unit {
	min-height: inherit;
}

#searchInvoicePage .unit > div > div:first-child, #searchInvoicePage .innerGroup .inline .unit > div:first-child {
	margin-top: 0;
}

#searchInvoicePage .unit > div > div, #searchInvoicePage .innerGroup .inline .unit > div {
	margin-top: 4px;
}

#searchInvoicePage h3, .documentModule h3 {
	margin-bottom: 5px;
}

#searchInvoicePage #accountingInfo {
	overflow: auto;
	clear: left;
}

#searchInvoicePage .checkboxSubs label,
#searchInvoicePage .checkboxSubsCol label,
.documentModule .checkboxSubs label {
	position: relative;
	top: -2px;
	font-size: 11px;
}

.simpleInvoicehead .toLabel {
	padding-left: 2px;
}

#searchInvoicePage .checkbox {
	width: 13px;
	height: 13px;
	margin-left: 3px;
	margin-right: 3px;
}

div.buttonContainer {
	padding: 20px 0 10px;
	clear: both;
}

#searchInvoicePage div.buttonContainer {
	padding: 10px 10px 10px 10px;
	text-align: right;
}

.tight .unit {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 4px;
}

.accountingLineRowLabelIcon img {
	position: relative;
	left: 2px;
}

#invoicePage .pagingPanel, #supplierContractPage .pagingPanel {
	position: fixed;
	right: calc(3px + 2.8vw);
}

#invoicePage .pagingPanel {
	top: 64px;
}

#supplierContractPage .pagingPanel {
	top: 66px;
}

#ImagePage .pagingPanel {
	position: fixed;
	top: 8px;
	left: 750px;
}

.eyesysTooltip.ui-corner-all {
	border-radius: 10px;
}

.ui-widget-header {
	border: 0;
	border-radius: 0;
}

.eyesysDialogWrapSelector .ui-widget-header {
	background: #282828;
	color: #ffffff;
}

.ui-dialog-title {
	color: white;
}

.ui-corner-all.eyesysIcon.fa-times {
	font-size: 1.5em;
	float: right;
	color: #a9acaf;
}

.ui-dialog .ui-dialog-titlebar-close {
	padding: 0;
}

.ui-dialog .ui-dialog-content label, .ui-dialog .ui-dialog-content > * {
	line-height: 27px;
}

.ui-dialog .ui-dialog-content {
	padding: 10px 23px 23px;
}

.ui-dialog .ui-dialog-content .unit {
	margin-top: 13px;
}

.ui-dialog .ui-dialog-content .unit span.button {
	border-radius: 4px;
	margin-left: 0;
}

.ui-widget-header .ui-state-hover {
	border-color: transparent;
	background: transparent;
}

.ui-widget-content .ui-state-default {
	font-weight: bold;
	color: #1c94c4;
	background: #ebebeb;
}

.ui-widget-content .ui-state-default.ui-state-highlight {
	background: #fff4c1;
}

.ui-widget-content .ui-state-default.ui-state-highlight.ui-state-hover {
	background: #fff9e2;
}

.ui-widget-content .ui-state-default.ui-state-hover {
	background: #fdfdfd;
}

.ui-dialog-titlebar-close {
	margin: -20px 0 0 0 !important;
	width: 39px !important;
	height: 39px !important;
}

.ui-widget-header .ui-icon {
	zoom: 2;
}

.ui-widget-overlay {
	background: #666666 !important;
}

.ui-widget-content {
	padding: 0;
	border-radius: 0;
	border: 0;
}

.twoColumnDialog label {
	float: left;
}

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

.horizontalCenter {
	margin-right: 50%;
	float: right;
}

.navigatorLabel, .navigator {
	text-align: center;
}

#navigatorLabel {
	margin-top: 10px;
}

.navigator {
	font-weight: normal;
	order: 1;
	white-space: nowrap;
}

#wicketDebugBar {
	z-index: 20000;
}

.listTopLeftToolbar.bulkOperations {
	margin-bottom: -5px;
}

.listTopLeftToolbar > * {
	margin-right: 4px;
}

.listTopLeftToolbar > select {
	min-width: 120px;
}

.listTopLeftToolbar > label {
	font-weight: bold;
}

.listTopLeftToolbar.toolbarExplanation > label {
	font-weight: normal;
}

.listTopLeftToolbar.toolbarExplanation {
	font-style: italic;
	vertical-align: middle;
	max-width: 1000px;
}

.centsoftBottomBar .backButton {
	font-style: italic;
	background: #ffffff !important;
	color: #333 !important;
	border-right: 1px solid #d5d9dc;
	width: inherit;
}

.smallBottomBar .backButton {
	font-style: italic;
	background: #14695a !important;
	color: #ffffff !important;
	border-right: 1px solid #d5d9dc;
	width: inherit;
	float: left;
	text-align: center;
	font-weight: bold;
}

.smallBottomBar .forgottenPasswordBackButton.backButton .eyesysIcon {
	display: none !important;
}

.centsoftBottomBar .backButton {
	float: right;
}

.centsoftBottomBar.group {
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.35);
}

.centsoftBottomBar.group .unit {
	border-bottom: 0;
}

.centsoftBottomBar .backButton:hover, .centsoftBottomBar .backButton:active {
	background: #e6e6e6 !important;
	border-color: #d5d9dc !important;
}

.centsoftBottomBar .backButton:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.centsoftBottomBar .backButton:focus {
	outline: none;
	border: none !important;
}

.centsoftBottomBar .backButton:hover:active {
	background: #d4d4d4 !important;
}

.centsoftBottomBar .backButton .eyesysIcon {
	color: black;
	font-size: large !important;
}

.centsoftBottomBar .vibrantActionButton,
.centsoftBottomBar .rillionGreenButton,
.centsoftBottomBar .defaultButton,
.centsoftBottomBar .removeButton,
.centsoftBottomBar .redButton {
	float: right;
	font-weight: bold;
	text-align: center;
}

.centsoftBottomBar .rillionGreenButton .eyesysIcon {
	font-size: large !important;
}

.centsoftBottomBar .unit {
	min-height: 60px;
	padding: 0;
}

.boxContent {
	border: 1px solid #CCCCCC;
	padding-top: 20px;
	margin-top: 25px !important;
	overflow: visible !important;
}

.boxContent > * {
	margin: 15px;
}

.boxContent h2 {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	margin: -32px 0 0 30px;
	background: #ffffff;
}

.boxContent h3 {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	margin: -32px 0 0 30px;
	background: #ffffff;
}

.rightAlignedButton {
	float: right;
	margin-right: 40px !important;
}

.visibleChildren > * {
	overflow: visible !important;
}

.aboveScreen {
	position: absolute;
	margin-top: -10000px;
}

.dialogButtonContainer {
	clear: left;
	padding-top: 10px;
}

.dialogButtonContainer > * {
	margin-left: 10px;
	border-radius: 4px;
	float: right;
}

#bysy_indicator {
	position: fixed;
	display: block;
	z-index: 1000;
	left: calc(50% - 48px);
	top: 40%;
	height: 58px;
	width: 58px;
}

.ajaxLoader {
	position: absolute;
	height: 58px;
	width: 58px;
	border-radius: 10px;
	background: black url("../images/green/ajax-loader.gif");
	opacity: 0.7;
}

.cantClickMe {
	position: absolute;
	/* IE 10 ignores this area without the background. Thats why we use background with 0 opacity */
	background: #E3E3E3;
	opacity: 0.0;
	display: none;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
}

.warningInLists {
	color: #c83c46;
}

#accessDeniedWrapper {
	height: 100%;
}

#accessDeniedWrapper > .boxContent {
	width: 100%;
}

#accessDeniedWrapper > #homepageLink {
	clear: both;
	float: left;
	padding-left: 365px;
	padding-top: 75px;
}

.aLittleToTheLeft {
	left: 15em !important;
}

.helpText {
	color: #ABABAB;
}

.noFilterBar > .noFilterBar > .filters-tr {
	display: none;
}

/* IE does not support child selectors */
html .noFilterBar .noFilterBar .filters-tr {
	display: none;
}

.headers input {
	margin-left: 5px;
}

.toolbarContainer {
	margin-top: 0.7em;
	height: 35px;
}

.eyesysTooltip {
	white-space: nowrap;
	text-align: left;
	color: #ffffff;
}

.centsoftBottomBar .eyesysTooltip .bt-content {
	margin-right: 5px;
}

.conversationMessageText p {
	margin-left: 15px;
	max-width: 450px;
	word-wrap: break-word;
}

.invoiceLinkFromMessage {
	float: right;
	margin-top: -73px;
	margin-right: 5px;
}

.errorPage_center {
	padding-top: 10%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}

.readSoftErrorIcon {
	width: 17px;
	height: 17px;
	margin-left: 17px;
	display: inline-block;
	background: transparent url("../images/readsoft_red.png") no-repeat right;
	margin-bottom: -5px;
}

.currencyReadSoftError {
	float: right;
	margin-top: -17px;
}

.readSoftErrorField {
	border: 1px solid #db9595 !important;
	padding: 2px;
	background: #f4dbdb !important;
}

.readSoftErrorField {
	border: 1px solid #db9595 !important;
	padding: 2px;
	background: #f4dbdb !important;
}

#categoryChoice.readSoftErrorField {
	background: none !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 2px dotted #db9595 !important;
	padding: 0 3px 0 0 !important;

}

select.readSoftErrorField {
	padding: 0 2px;
}

/* START change organization list*/
.orgUl {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.orgUl.odd button {
	background-color: #ffffff;
}

.orgUl.even button {
	background-color: #f9f9f9;
}

.orgUl.lastElement button.orgLi {
	border: none !important;
	margin-bottom: 30px;
}

.orgUl.lastElement span.orgLi {
	border: none !important;
	margin-bottom: 30px;
}

button.orgLi {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px !important;
	font-stretch: 100%;
	font-weight: 200;
	border-bottom: 1px solid #ccc !important;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	list-style: inherit !important;
	display: block;
	color: #0c1115 !important;
	background-color: #ffffff;
	border-radius: 0;
	width: 100%;
}

button.orgLi:hover, button.orgLi:focus {
	background-color: #dcffff !important;
}

span.orgLi {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px !important;
	font-stretch: 100%;
	font-weight: 200;
	border-bottom: 1px solid #ccc !important;
	list-style: inherit !important;
	display: block;
	color: #0c1115 !important;
	background-color: #ffffff;
	border-left: 1px solid #ccc !important;
	border-radius: 0;
	padding: 4px 7px !important;
}

.search-orgLi {
	font: 200 17px/2 Helvetica, Verdana, sans-serif;
	border-bottom: 1px solid #ccc !important;
	list-style: inherit !important;
	width: 93%;
	margin-top: 20px;
	padding-left: 26px;
}

.content-orgLi {
	padding: 0;
	margin: 0 23px 0;
}

.orgA.invoiceImportLabel {
	margin-right: 5px;
	float: left;
	font-weight: bold;
}

.orgA.organizationNameLabel {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	text-align: left;
	max-width: 311px;
}

.orgA.invoiceCountLabel {
	float: right;
}

.orgA {
	text-decoration: none;
	color: #000;
	display: inline-block;
	cursor: pointer;
	width: auto;
}

.orgLi {
	-webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
	-moz-transition: font-size 0.3s ease, background-color 0.3s ease;
	-o-transition: font-size 0.3s ease, background-color 0.3s ease;
	transition: font-size 0.3s ease, background-color 0.3s ease;
}

/* END change organization list*/
.outgoingVatLabel {
	background: none repeat scroll 0 0 #FADEE3;
	border: 1px solid #393939;
	border-radius: 3px 3px 3px 3px;
	font-weight: normal !important;
}

.outgoingVatLabel2 {
	background: rgb(244, 219, 219);
	border: 1px solid #db9595;
	margin-left: -4px;
	margin-top: -2px;
	margin-right: -1px;
	padding-left: 3px;
	padding-top: 2px;
	height: 17px !important;
	display: inline-block !important;
	line-height: 15px;
	width: 98% !important;
	border-radius: 0;
	color: #39434c !important;
}

#fixMarginOnCheckbox input[type="checkbox"] {
	margin-left: 0;
}

.fakeListChangeInvoiceOrganizationWarning label {
	display: block;
	margin-top: 6px;
	list-style: circle outside none;
}

.fakeListChangeInvoiceOrganizationWarning li {
	list-style: circle outside none;
}

/* VIEW0, VIEW1 AND VIEW2 START*/
.view1, .view0, .view2 {
	display: inline;
	height: auto;
	overflow: visible;
}

.view0 .accountingLineRowLabelIconCell, .view1 .accountingLineRowLabelIconCell {
	width: 27px !important;
}

.view0 .invoiceHeaderPanel {
	width: 48% !important;
	left: 0;
}

.view0 .accountingLineRowTitles .accountingLineRowLabel {
	width: 100%;
	position: relative;
	top: 0;
	left: -1px;
}

.view0 .accountingWrapper {
	position: absolute;
	bottom: 113px;
	padding-bottom: 20px;
	height: 197px;
}

.view0 div.accountingLinesPanel_wrap {
	height: 97% !important;
	overflow-y: auto;
	overflow-x: hidden;
}

.view0 .document-tab-row {
	position: fixed;
	top: 58px;
	width: 100%;
}

.view0 .infoBoxPanel {
	position: fixed;
	top: 5em;
	width: calc(37% - 110px);
	right: 52%;
}

.view0 .infoBoxPanel.smaller {
	width: calc(37% - 215px);
}

.view0 .documentView {
	width: 49%;
}

.view0 {
	height: 40% !important;
}

/* FOR VIEW0 and 1 */
.view0 .content.documentView, .view1 .content.documentView {
	top: 4.461538461538462em;
}

.view1 .invoiceHeaderPanel {
	width: 48% !important;
	left: 0;
}

.view1 {
	height: 40% !important;
}

.view1 .document-tab-row {
	position: fixed;
	top: 58px;
	width: 100%;
}

.view1 .accountingWrapper {
	position: absolute;
	bottom: 113px;
	padding-bottom: 20px;
	height: 55%;
}

.view1 div.accountingLinesPanel_wrap {
	height: 100% !important;
	overflow-y: auto;
	overflow-x: hidden;
}

.view1 .fieldDataPanel_wrap {
}

.view1 .infoBoxPanel {
	position: fixed;
	top: 5em;
	width: calc(37% - 110px);
	right: 52%;
}

.view1 .infoBoxPanel.smaller {
	width: calc(37% - 215px);
}

.view1 .documentView {
	width: 49%;
}

.view1 .accountingLineRowTitles .accountingLineRowLabel {
	width: 100%;
	position: relative;
	top: 0;
	left: -1px;
}

.view2 .documentView {
	height: 50%;
}

.view2 .content {
	height: 53%;
}

.view2 {
	display: block !important;
	height: 100% !important;
}

.view2_right {
	height: 83%;
}

.view2_right .documentViewTall {
	height: 70.5%;
}

.view2 .accountingLineRowTitles .accountingLineRowLabel {
	width: 100%;
	position: relative;
	top: 0;
	left: -1px;
}

.view2 .accountingLineRowLabel {
	width: 100%;
}

.view2 .addFieldData .largeInputField {
	width: 250px;
}

.view2 .content, .view2 .invoiceHeaderPanel {
	width: 48% !important;
	left: 0;
}

.view2 .document-tab-row {
	width: 100%;
}

.view2_right .document-tab-row {
	position: fixed;
	top: 58px;
	width: 100%;
}

.view2 .accountingWrapper {
	bottom: 113px;
	height: 123px;
	position: absolute;
	width: 48%;
	padding-bottom: 20px;
}

.view2 .document-tab-row ul {
	position: static;
}

.view2 .accountingLinesPanel_wrap {
	height: 100% !important;
	overflow-y: auto;
	overflow-x: hidden;
}

.view2 .document-tab-row {
	position: fixed;
	top: 58px;
	width: 100%;
}

.view2 .infoBoxPanel {
	position: fixed;
	top: 5em;
	width: calc(37% - 110px);
	right: 52%;
}

.view2 .infoBoxPanel.smaller {
	width: calc(37% - 215px);
}

.view3 .accountingWrapper {
	height: 45% !important;
}

.reportSumRow {
	font-weight: bold;
}

.reportHeaderRow {
	font-weight: bold;
	font-size: 13px;
	background: #D1D1D1 !important;
}


.reportHeaderRow td {
	border-color: #D1D1D1 !important;
}

.noBorder:hover > td,
.reportHeaderRow:hover > td {

}


/* /* VIEW0, VIEW1 AND VIEW2 STOP*/

/*INFO BUBBLE START*/
.bubble {
	position: relative;
	width: 200px;
	padding: 0;
	background: #FFFEE9;
	border: #47850C solid 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 52px;
	box-shadow: 5px 5px 10px -5px #636363;
}

.bubble:after {
	content: "";
	position: absolute;
	top: 23px;
	left: -15px;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #FFFEE9;
	display: block;
	width: 0;
	z-index: 1;
}

.bubble:before {
	content: "";
	position: absolute;
	top: 22px;
	left: -18px;
	border-style: solid;
	border-width: 16px 16px 16px 0;
	border-color: transparent #47850C;
	display: block;
	width: 0;
	z-index: 0;
}

.infoBubbleText {
	margin-left: 15px;
	padding: 10px;
	font-style: italic;
	font-size: 11pt;
}

/*INFO BUBBLE STOP*/
.linesPerXInfoBubble {
	position: absolute;
	top: 126px;
	height: 122px;
}

.amountsInList {
	text-align: left;
	display: block;
}

.wicket-aa ul li {
	border-bottom: 1px solid #e5e5e5;
	margin: 1px;
}

.invoiceSubmitButtonsHider {
	width: 100%;
	height: 100%;
}

.forcedWidth500 {
	width: 500px !important;
}

.ui-widget-overlay {
	background: #000000;
}

.accountingLineActionTable {
	border-spacing: 15px 3px;
}

.homeMadeTooltip {
	position: absolute;
	background: #363c4a;
	display: none;
	z-index: 102;
	width: auto;
	height: auto;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 5px;
	border: none;
	box-shadow: 5px 5px 10px -5px #636363;
}

.homeMadeTooltip th {
	border: none;
}

.homeMadeTooltip * {
	text-align: left !important;
	color: #ffffff;
}

.ui-tooltip-content {
	background-color: #363c4a;
	padding: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}

.ui-tooltip-content > p {
	margin: 0;
}

.ui-tooltip {
	max-width: inherit;
	box-shadow: none !important;
}

.fakeLinkLeft, .fakeLinkRight {
	cursor: pointer;
	position: absolute;
	height: 500px;
	width: 44px;
}

.fakeLinkLeft {
	display: none;
	margin-top: 36px;
}

#ImagePage .fakeLinkLeft {
	right: 792px !important
}

.fakeLinkRight {
	left: 112px;
	margin-top: 7px;
}

.fakeLinkRight:hover > .eyesysIcon, .fakeLinkLeft:hover > .eyesysIcon {
	color: #1c2b37 !important;
}

.fakeLinkRight:hover, .fakeLinkLeft:hover {
	background-color: #e0e0e0;
	border-radius: 8px;
}

span.button label {
	cursor: pointer;
}

.margin {
	margin: 20px 30px 10px 20px;
}

.centrePanel {

}

.errorPanelWrapper {
	max-width: 600px;
	background-color: #FFCECE;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	border: 0 solid #dd3c10;
	font-size: 13px;
	margin-left: auto;
	margin-right: auto;
}

.errorPanelWrapper li {
	border: 0;
	margin: 0;
}

.summaryTable {
	box-shadow: none;
}

.summaryTable .botMargin {
	margin-bottom: 11px !important;
}

.summaryTable thead {
	background-color: #A4D1E1;
}

.summaryTable thead th {
	border-top: 1px solid #dddddd;;
	border-bottom: 1px solid #dddddd;
	color: #333333 !important;
	background: #e8e9ee;;
}

.summaryTable thead th:first-child {
	border-left: 1px solid #dddddd;
}

.slideShow_btn {
	width: 15px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	background: white no-repeat;
}

.slideShow_nextBtn {
	right: -15px;
	border-radius: 0 6px 6px 0;
	background-image: url("../images/arrow_next.png");
	background-position: 1px 20px;

}

.slideShow_prevBtn {
	left: -15px;
	border-radius: 6px 0 0 6px;
	background-image: url("../images/arrow_previous.png");
	background-position: 5px 20px;
}

.giantButton {
	font-size: 15px !important;
	padding: 8px 10px !important;
}

.giantButton.whiteButton {
	padding: 7px 9px !important;
}

.adSignInMessage {
	height: fit-content;
	width: 100%;
}

.adHomePageLink {
	justify-content: center;
	text-align: center;
}

.adLoginText {
	text-align: left;
}

.adLoginContent {
	align-content: center;
	justify-content: center;
	text-align: center;
}

.adLoginForm {
	height: fit-content;
	text-align: left;
}

.adLogin {
	width: 100%;
}

.adLoginButton {
	background: url('../images/ad_login.png') no-repeat center center;
	background-size: 55%;
	height: 40px;
}

.adLoginButton:hover {
	background: url('../images/ad_login.png') no-repeat center center;
	background-size: 55%;
	cursor: pointer;
}

.loginWithAd {
	background: no-repeat url(../images/ad_login.png);
	background-size: 100%;
	border-color: transparent;
	height: 60px;
	width: 100%;
	justify-content: center;
}

.loginWithAd:hover, .loginWithAd:focus {
	background: no-repeat url('../images/ad_login.png') !important;
	background-size: 100% !important;
	cursor: pointer;
}

.intuitLoginButton {
	height: 37px;
	background: no-repeat url('../images/quickbooks/Sign_in_transparent_btn_med_default.png');
	cursor: pointer;
	width: 161px;
}

.quickBookLoginButton {
	width: 250px;
	height: 51px;
	background: no-repeat url('../images/quickbooks/C2QB_green_btn_med_default.png');
	margin: 0 auto;
}

.xeroLoginButton {
	width: 296px;
	height: 78px;
	cursor: pointer;
	display: block;
	float: none;
	vertical-align: middle;
	margin: 0 auto;
	background: no-repeat url("../images/xero/connect_xero_button_blue.png");
}

.xeroLoginButton:focus {
	outline: none;
}

.fortnoxLoginButton {
	width: 296px;
	height: 78px;
	cursor: pointer;
	display: block;
	float: none;
	vertical-align: middle;
	margin: 0 auto;
	background: no-repeat url("../images/fortnox-integrationspartner-sv-farg.png");
	background-size: contain;
}


/* FOR IE10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.quickSearch {
		padding: 2px 2px 6px 30px !important;
	}

	.quickSearchWrapper .eyesysIcon.fa-search {
		top: 0 !important;
	}

	select {
		padding: 1px 0 1px 10px !important;
	}

	div#periodizationOverviewTable input.accountingLineRowInput {
		line-height: 17px !important;
		position: relative;
		bottom: 5px;
	}
}

@media (max-width: 1440px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.myInvoices.last {
		margin-left: -100px !important;
	}

	.sharedInvoices {
		margin-top: -30px !important;
	}
}

.intuitLoginButton:hover {
	background: no-repeat url('../images/quickbooks/Sign_in_transparent_btn_med_hover.png');
}

.quickBookLoginButton:hover {
	background: no-repeat url('../images/quickbooks/C2QB_green_btn_med_hover.png');
	cursor: pointer;
}

.manualImage {
	background: url(../images/green/user-manual.png) no-repeat scroll left top transparent;
	height: 19px;
	width: 18px;
	float: left;
	margin-right: 8px;
}

.manualImage {
	background: url(../images/green/user-manual.png) no-repeat scroll left top transparent;
	height: 19px;
	width: 18px;
	float: left;
	margin-right: 8px;
}

/* EMPTYCHART CSS */
.diagramContainer {
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.35);
	padding: 0;
	width: 377px;
	height: 310px;
	background-color: white;
	zoom: 100%;
	margin: auto;
}

@media (max-width: 1440px) {
	.diagramContainer {
		zoom: 81%;
	}
}

.notEnoughDiagramDataLabel {
	line-height: normal;
	display: inline-block;
	text-align: center;
	padding: 0 20px;
	font-size: 11pt;
	font-weight: normal;
	color: #9b9ca1;
}

/* BARCHART CSS */
.diagramContainer.monthBarChart {
	height: 295px;
	padding-top: 15px;
}

.barDiffStatsInfobox {
	margin: -23px auto auto;
	padding: 0 40px;
}

.barDiffStatsBottompart {
	margin-top: 15px;
}

/* PIECHART CSS */
.piechart .legendTitle {
	position: absolute;
	left: 330px;
	z-index: 10;
	font-family: Arial, sans-serif;
	font-weight: 600;
	font-size: 1em;
	text-transform: uppercase;
}

.diagramContainer.piechart {
	width: 570px;
}

/*END OF DIGRAM CSS */
input[type=checkbox] + .diagramCheckboxImage {
	background: center center no-repeat url('../images/overviewpapers/faktura_red.png') transparent !important;
	height: 130px;
	width: 130px;
	display: inline-block;
	border: 3px solid #CDCDCD;
	cursor: pointer;
	border-radius: 13px;
	padding: 6px;
	margin-bottom: -9px;
}

input[type=checkbox] + .diagramCheckboxImage > span.smallCheckCircle {
	display: none;
}

input[type=checkbox]:checked + .diagramCheckboxImage > span.smallCheckCircle {
	height: 25px;
	width: 25px;
	display: block;
	background: #4dd165;
	position: absolute;
	margin-top: -15px;
	margin-left: 120px;
	border-radius: 25px;
	text-align: center;
	line-height: 25px;
}

input[type=checkbox]:checked + .diagramCheckboxImage {
	border-color: #4dd165;
}

input[type=checkbox] + .diagramCheckboxImage.barChart {
	background: center center no-repeat url('../images/diagrams/barChart.png') transparent !important;
	background-size: 130px !important;
	background-color: white !important;
}

input[type=checkbox] + .diagramCheckboxImage.pieChart {
	background: center center no-repeat url('../images/diagrams/pieChart.png') transparent !important;
	background-size: 130px !important;
	background-color: white !important;
}

.diagramInfoList {
	display: block;
	margin-right: 15px;
	margin-bottom: 15px;
	cursor: pointer;
	border-radius: 13px 0 0 13px;
}

.diagramInfoList:hover {
	background-color: #e8e8e8;
}

.diagramTitle, .diagramDescription, .diagramTextWrapper {
	cursor: pointer;
}

.diagramTextWrapper {
	display: inline-block;
	width: 350px;
	vertical-align: top;
	line-height: 15px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	height: 133px;
}

.unSelectable {
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

.button.diagramPickerButton {
	padding: 0 !important;
	float: right;
	position: relative;
	margin-bottom: -40px;
	bottom: 40px;
	width: 0;
	height: 0;
	border-bottom: 40px solid #14695a;
	border-left: 40px solid transparent;
	background: none !important;
}

.button.diagramPickerButton:hover, .button.diagramPickerButton:focus, .button.diagramPickerButton:active, .button.diagramPickerButton:hover:focus, .button.diagramPickerButton:focus:active, .button.diagramPickerButton:hover:active, .button.diagramPickerButton:hover:focus:active {
	border-color: transparent !important;
	border-bottom-color: #0f3732 !important;
	background: none !important;
}

.button.diagramPickerButton .eyesysIcon.fa-plus {
	position: relative;
	right: 19px;
	top: 21px;
	font-size: 15px;
}

.customLogoWrapper {
	width: 250px;
	height: 100px;
}

.customLogo {
	width: 250px;
	height: 100px;
}

.customLogoSmall {
	width: 180px;
	height: 58px;
}

.verticalSeparator {
	width: 1px;
	height: 40px;
	background: white;
	float: left;
	margin-top: 9px;
	margin-left: 15px;
	margin-right: 15px;
}

.imageContainer {
	width: 100%;
	height: 100%;
	overflow: auto;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.imageContainer img {
	width: 100%;
	min-width: 100%;
}

.wicket-aa-container .wicket-aa:not(.hasClickHandler) ul:hover {
	cursor: not-allowed;
}

.wicket-aa-container .wicket-aa:not(.noFakePreselect) ul li:first-child {
	border: 1px dashed #86acb9;
	padding: 1px 4px 1px 4px;
}

a span.linkLabel {
	color: rgb(0, 0, 238);
}

.fileNameInput {
	overflow-x: hidden;
	text-overflow: ellipsis;
	border: black solid 1px;
	padding: 5px;
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
	height: 27px;
}

.button.button_right.tightButton.xeroText {
	line-height: 30px;
}

.button.button_right.tightButton.xeroText span {
	margin: auto;
	padding: 0 9px;
}

.loading {
	text-align: center;
	margin: auto;
}

.loading:after {
	font-family: 'Calibri', 'Open Sans', sans-serif;
	font-size: 60px;
	overflow: hidden;
	display: inline-block;
	-webkit-animation: loadingDots steps(4, end) 900ms infinite;
	animation: loadingDots steps(4, end) 900ms infinite;
	content: "\2026";
	margin-top: -20px;
	width: 0;
}

.loading.diagramLoading {
	line-height: 310px;
	color: #7bd1f5;
}

@keyframes loadingDots {
	to {
		width: 60px;
	}
}

.loading

@-webkit-keyframes loadingDots {
	to {
		width: 60px;
	}
}

.ui-widget #periodizationOverviewTable {
	font-size: 13px !important;
}

#periodizationOverviewTable {
	margin: 10px 30px;
}

#periodizationOverviewTable .accountingLineRowInput {
	line-height: 23px !important;
}

table.shortcutTable {
	border-collapse: collapse;
	border: none;
	clear: both;
	margin: 0 0 0;
	white-space: nowrap;
	width: calc(100% + 1px);
}

table.shortcutTable tr {
	height: 3.16667em;
}

.shortcutTable tbody {
	background-color: #dddddd;
	font-size: 0.92307em;
	font-weight: 600;
	border-top: 1px solid #dddddd;
}

.shortcutTable tbody tr td {
	padding: 10px !important;
	border: #dddddd 1px solid;
}

.shortcutTable thead tr td {
	margin: 0;
	padding: 0;
	border-right: 1px solid #dddddd;
}

.shortcutTable thead th {
	padding: 10px !important;
}

.shortcutTableRow:nth-child(odd) {
	background: white;
}

.shortcutTableRow:nth-child(even) {
	background: rgb(249, 249, 249)
}

table.columnPadding td,
table.columnPadding th {
	padding: 0 5px !important;
}

.purchasesOrderPanel {
	border: 1px solid #CCC;
	margin-bottom: 90px;
	display: block;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.35);
	overflow: hidden !important;
	padding: 0;
	width: auto;
}

.purchasesOrderTable .headers {
	background-color: #e8e9ee !important;
}

.purchasesOrderTable tr:nth-child(odd) {
	background: #fffefe;
}

.purchasesOrderTable tr:nth-child(even) {
	background: #f9f9f9;
}

.PoStatusBarGreen {
	background: linear-gradient(rgba(0, 0, 0, 0) 90%, #4dd165 1%);
}

.PoStatusBarYellow {
	background: linear-gradient(rgba(0, 0, 0, 0) 90%, #ffd461 1%);
}

.PoStatusBarRed {
	background: linear-gradient(rgba(0, 0, 0, 0) 90%, #c83c46 1%);
}

.PoStatusBarGrey {
	background: linear-gradient(rgba(0, 0, 0, 0) 90%, #A4A3A3 1%);
}

.collapsibleFieldsetContent .purchasesOrderTable tfoot tr {
	background-color: #e8e9ee !important;
}

table.deliveryCheckerTable {
	border-collapse: collapse;
	clear: both;
	margin: 0 0 0;
	white-space: nowrap !important;
	width: 100%;
	border: 1px solid #dddddd !important;
	color: #39434c !important;
}

.deliveryCheckerTable tbody tr td {
	border: 1px solid #dddddd !important;
}

.table.deliveryCheckerTable thead {
	height: 20px;
}

table.deliveryCheckerTable tr {
	height: 2.2em !important;
}

.deliveryCheckerTable thead th {
	background-color: #e8e9ee;
	padding-left: 0.4846em;
	padding-right: 0.4846em;
	font-size: 0.92307em;
	color: #666666;
	text-transform: uppercase;
	font-weight: normal;
}

table.deliveryCheckerTable td {
	max-width: 11.5384em;
	padding-left: 0.4em;
	padding-right: 1em;
}

table.deliveryCheckerTable tfoot tr {
	background-color: #e8e9ee;
}

table.deliveryCheckerTable tr:nth-child(even) {
	background: #f9f9f9;
}

table.deliveryCheckerTable tr:nth-child(odd) {
	background: #fffefe;
}

.deliveryCheckerListContainer {
	overflow-y: auto;
	max-height: 750px;
	width: 100%;
	margin-top: 10px;
}

.deliveryCheckerWarning {
	display: inline-block;
	line-height: 15px;
	margin-bottom: 5px;
	width: calc(100% - 23px) !important;
	border-radius: 0;
	background: #fffff7;
	color: #cf7700;
	padding: 2px 10px;
	border: 1px solid #cf7700;
}

.iconLinkPanel {
	margin: 10px 5px;
}

.iconLinkPanel a {
	display: inline-flex;
	align-items: center;
	padding: 5px 5px;
}

.iconLinkPanel a i {
	width: 45px;
	text-align: center;
}

.iconLinkPanel a span {
	margin-left: 5px;
	font-weight: bold;
	font-size: 0.95em;
}

.taskLoadingIndicator {
	display: inline-block;
	border: 2px solid #7bd1f5;
	border-radius: 50%;
	border-top: 2px solid transparent;
	width: 9px;
	height: 9px;
	-webkit-animation: spin 1.4s linear infinite; /* Safari */
	animation: spin 1.4s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.unit-task {
	padding-left: 5px;
	margin-bottom: 10px;
}

.taskPanel-dialog {
	width: 600px;
}

.taskMessage {
	border-collapse: collapse;
	font-weight: 500;
}

.taskWarningAndErrorMessage {
	margin-left: 10px !important;
}

.taskMessage td, .taskMessage th {
	padding: 4px 15px;
}

.taskCollapsible {
	width: calc(100% - 20px);
	margin-left: 0 !important;
	line-height: 27px !important;
	border: none;
	padding-left: 5px;
	padding-top: 10px;
}

.sliderTask {
	max-height: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100%;
	overflow-y: hidden;
}

.sliderTask.transition {
	transition: max-height .5s cubic-bezier(0, 0, 0.3, 1);
}

.sliderTask.sliderOpen {
	max-height: fit-content;
}

.extraTall .sliderTask.sliderOpen {
	max-height: fit-content;
}

.sliderTask.sliderOpen.transition {
	transition: max-height .8s cubic-bezier(0, 0, 1, 0.5);
}

.collapsibleTaskPanelSubDiv {

}

.taskContainer {
	max-height: 600px;
	overflow-y: auto;
	padding-right: 15px;
}

.taskContainer > div:nth-child(even) {
	background-color: #f9f9f9;
}

.validationBox {
	font-style: normal;
	color: #c83c46;
	margin: 10px 10px -10px 10px;
	padding: 5px 10px;
	font-size: 13px;
}

.boldLabel {
	font-weight: 600;
	font-size: 1em;
}

.hoverPointer {
	cursor: pointer;
}

.buttonDisabled {
	border-radius: 4px;
	cursor: default;
	display: inline-block;
	font-size: 12px !important;
	padding: 6px 13px !important;
	background: rgb(213, 216, 222);
	color: #ffffff !important;
}

.unit-center-Item {
	display: inline-flex;
	align-items: center;
	width: 100%;
}

.taskErrorContainer {
	border: 1px solid #DF8F8F;
	background-color: rgb(244, 219, 219);
}


.taskListViewContainer {
	margin-bottom: 10px;
	margin-right: 30px;
	margin-left: 10px;
}

.transferUserDialogGroup {
	display: flex;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.transferUserDialogVerticalLine {
	width: 10px;
	margin-right: 10px;
	border-right: 1px solid #CCCCCC;
}

.transferUserOrganizationContainer {
	max-height: 595px;
	width: fit-content;
	overflow-y: auto;
	padding-right: 15px;
}

/*Flags downloaded from: https://www.countryflags.com/*/
.sv_Flag {
	background: no-repeat url('../images/icons8-swe.png') transparent;
}

.en_UK_Flag {
	background: no-repeat url('../images/icons8-great_britain.png') transparent;
}

.en_US_Flag {
	background: no-repeat url('../images/icons8-usa.png') transparent;
}

.fi_Flag {
	background: no-repeat url('../images/icons8-finland.png') transparent;
}

.da_Flag {
	background: no-repeat url('../images/icons8-denmark.png') transparent;
}

.no_Flag {
	background: no-repeat url('../images/icons8-norway.png') transparent;
}

.de_Flag {
	background: no-repeat url('../images/icons8-germany.png') transparent;
}

.sv_Flag_Large {
	background: top center no-repeat url('../images/flag_Sweden_Large.png') transparent;
}

.us_Flag_Large {
	background: top center no-repeat url('../images/flag_US_Large.png') transparent;
}

.ca_Flag_Large {
	background: top center no-repeat url('../images/flag_Canada_Large.png') transparent;
}

.loginFlag {
	width: 32px;
	height: 20px;
	margin: 13px 13px 13px 0;
}

.loginFlag:hover {
	cursor: pointer;
	opacity: 70%;
}

.flagsContainer {
	display: flex;
	justify-content: center;
}

.largeFlag {
	margin: 13px;
	width: 109px;
	height: 73px;
	background-size: cover !important;
	border: none;
}

.largeFlag:hover {
	cursor: pointer;
	opacity: 70%;
}

#centsoftLogoBlack {
	zoom: 50%;
	background: url("../images/CentsoftRGB.png");
	height: 185px;
}

.creditInvoiceLabel {
	margin-left: -4px;
	margin-top: -2px;
	padding: 3px 4px 1px;
	line-height: 15px;
}

.button-radius {
	border-radius: 4px;
}

#manualsLink .manualLabel {
	color: #39434c;
}

#manualsLink:hover > i {
	color: rgb(128, 128, 128);
}

#manualsLink:hover > span {
	color: rgb(128, 128, 128);
	text-decoration: underline;
}

/*DropZone Start*/
.hiddenDragAndDropForm {
	visibility: collapse;
	height: 0;
	width: 0;
	position: fixed;
	top: 0;
	left: 0;
}

.uploadFilesContainer {
	border: 3px dashed rgb(215, 222, 228);
	background: white;
	margin: 20px;
	padding: 30px 20px 0;
	height: 80px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	gap: 50px;
}

#dropzone {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999999;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.45);
	transition: visibility 75ms, opacity 75ms;
	display: table;
	color: #ffffff;
}

.cloudIcon {
	width: 100px;
	height: 100px;
	transition: height 75ms, width 75ms;
	margin: auto;
}

#textnode {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	transition: font-size 75ms;
	font-weight: 600;
}

.inputfile {
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
	max-width: 80%;
	font-weight: 100;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-flex;
	overflow: hidden;
	border-radius: 4px;
}

.inputfile + label svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: -0.25em;
	margin-right: 0.25em;
}

/* style 1 */
.inputfile-1 + label {
	color: #ffffff;
	padding: 10px;
	background-color: #14695a;
	margin-top: 7px;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
	background: #0f3732;
	border-color: #282828;
}

.uploadIcon {
	height: 50px;
	color: #7bd1f5;
	float: left;
}

.uploadIcon svg {
	fill: currentColor;
}

.dragAndDropLabel {
	color: #39434c;
	float: left;
	font-size: 1.1em;
	margin: 15px 0 0 10px;
	font-weight: 100;
}

/*DropZone End*/

.pagePickerContainer {
	border: 1px solid #d5d8de;
	border-radius: 13px 0 0 13px;
	padding: 10px 120px;
	max-height: 700px;
	overflow-y: auto;
	margin-top: 15px;
}

.pdfPickerListItem {
	width: 395px;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
	cursor: pointer;
	border-radius: 13px 13px 13px 13px;
}

.pdfPickerListItem:hover {
	background-color: #e8e8e8;
}

.pdfPickerDialog {
	width: 550px !important;
}

.pdfPickerContent {
	width: 500px !important;
}

.pdfSplitterCheckboxImage {
	height: 350px;
	width: 380px;
	display: inline-block;
	border: 3px solid #CDCDCD;
	border-radius: 13px;
	padding: 6px;
	margin-bottom: -9px;
}

.pdfSplitterCheckboxImage.checked {
	border: 3px solid #4dd165;
}

.pagePickerListView {
	width: 410px;
	margin-bottom: 10px;
}

.pdfSplitterCheckbox {
	margin: 5px;
}

#mainTab {
	position: fixed;
	width: 100%;
	z-index: 50;
	height: 30px;
	background: #282828;
	border-bottom: 1px solid #000000;
}

#mainTabGapFiller {
	height: 30px;
}

.quickSearchIconPlacement {
	position: absolute;
	margin-left: 10px;
	margin-top: 4px;
}

.navMargin {
	margin-top: 28px;
}

.subtabpanel.subsubtabpanel {
	top: 58px;
}

/*1441 - 1680*/
@media (max-width: 1680px) {
	.navMargin {
		margin-top: 23px;
	}

	#mainTab > .quickSearchWrapperMenuPage {
		top: 2.8em;
	}


	div.subtabpanel div.tab-row ul li.active .selectedSubMenuLine {
		bottom: 1px;
	}
}

/*1440 and smaller*/
@media (max-width: 1440px) {
	.navMargin {
		margin-top: 19px;
	}

	#mainTab > .quickSearchWrapperMenuPage {
		top: 3.1em;
	}

	.subtabpanel.subsubtabpanel {
		top: 56px;
	}

	div.subtabpanel div.tab-row ul li.active .selectedSubMenuLine {
		bottom: -1px;
	}
}

.orgListContainer {
	margin-right: 15px;
	max-height: 630px;
	overflow: auto;
}

.invoiceStatsTh {
	margin-right: 4px;
	width: 150px !important;
	display: inline-block;
}

.invoiceStatsTr {
	width: 150px !important;
	display: inline-block;
}

.orgListHeaderContainer {
	padding-bottom: 5px;
}

.orgListHeaderContainer label {
	line-height: 20px !important;
}

.itemCenter {
	display: flex;
	align-items: center;
	justify-content: center;
}

.orgListName {
	padding-left: 5px;
}

.pointer:hover {
	cursor: pointer;
}

.line-height-30 label {
	line-height: 30px !important;
}

.orgLabelName {
	width: 400px !important;
}

.orgListHeaderStatsContainer {
	text-align: center;
	padding-right: 5px;
}

.orgFavoriteIcon {
	width: 30px;
	text-align: center;
	height: 31px;
	display: block;
}

.ui-dialog .ui-dialog-content.organizationListDialog {
	padding: 10px 26px 23px 0;
}

.orgListRadioChoiceWrapper {
	margin-left: 0 !important;
	padding-left: 0 !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	float: none !important;
}

.dialogMaxHeight {
	max-height: 70vh;
	overflow-y: auto;
}

.dialogMessage {
	padding: 20px 0;
}

.baseDialogButtonContainer div {
	display: inline-block;
}

.baseDialogButtonContainer div:not(:first-child) {
	float: right;
	margin-left: 10px;
}

.baseDialogButtonContainer .button {
	border-radius: 4px;
	margin-bottom: 0
}

.previousAccountingTable {
	table-layout: fixed;
	width: 100%;
	border: 1px solid rgb(215, 222, 228);
	border-collapse: collapse;
	line-height: 22px;
}

.textareaInput {
	width: 99%;
	height: 40px;
	resize: none;
	font-size: 0.9230769230769231em;
}

.flexContainer {
	display: flex;
	align-items: baseline;
}

.editSupplierButtonContainer {
	padding: 15px 23px 23px;
}

.editSupplierDialog .ui-dialog-content {
	padding: 0 0 5px 0 !important;
}

.editSupplierDialogWrapper {
	font-size: 11px;
	width: auto;
}

.editSupplierDialogWrapper label {
	line-height: 12px !important;
}

.editSupplierButton {
	position: relative;
	left: 20px;
	top: 22px;
	float: left;
	padding: 7px 7px;
	border-radius: 30px;
	cursor: pointer;
}

.editSupplierButton:hover {
	background: #282828;
}

.editSupplier-section {
	padding: 0 0 0 44px !important;
	color: inherit;
	font-weight: normal;
	margin-bottom: 10px;
}

.unit-editSupplier {
	margin-bottom: 5px;
	margin-top: 5px;
	display: block;
	clear: both;
	width: 100%;
}

.editSupplier-labelName {
	width: 210px;
	display: inline-block;
	min-height: 17px;
	vertical-align: middle
}

.editSupplier-verticalLine {
	width: 1px;
	background-color: #d5d8de;
}

.editSupplierIcon {
	font-size: 15px;
	position: relative;
	left: 1px;
}

.fortnoxStartContainer {
	height: 300px;
	margin: 10px;
	background-color: #ffffff;
	border: 1px solid #CCC;
	float: left;
	width: 350px;
	display: block;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.35);
	overflow: hidden !important;
	padding: 20px;
}

.fortnoxStartMargin {
	padding: 10px;
	margin-top: 20px;
}

.globalLoginMargin {
	margin: 20px 0 0;
}

.fortnoxStartButton {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px !important;
	border: 0;
	background-color: #14a0b9;
	color: white;
	line-height: 55px;
	border-radius: 7px !important;
	cursor: pointer;
	width: 330px;
	margin: 0 auto;
	display: block;
	height: 55px;
}

.dropdownComponentContainer {
	display: flex;
	flex-direction: column-reverse;
	top: 19px;
	position: absolute;
	z-index: 101;
}

.dropdownRepeaterContainer {
	display: flex;
	flex-direction: column-reverse;
	position: absolute;
	height: 100%; /*IE fix*/
}

.dropdownMenuItem span, .dropdownMenuItem a {
	z-index: 101;
	margin: 0 !important;
	width: 50px;
	text-align: center;
}

.dropdownButtonMenu {
	float: right;
}

.accountingButton {
	width: 50px;
	text-align: center;
}

.dropdownMenuButtonActive {
	background: #187d9b !important;
	border-color: #204d74 !important;
	outline: none;
}

.accountingButtonsFlex {
	display: flex;
	flex-direction: row;
}

.button.roundIconButton {
	border-radius: 50%;
	font-size: 0.9rem !important;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	padding: 0 !important;
}

.warningField {
	background: #ffffe5;
}

/* ---- boolean switch button ---- */

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 25px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.checkBoxSlider {
	position: absolute;
	cursor: pointer;
	right: 0;
	background-color: rgba(216, 222, 228, 1);
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
}

.checkBoxSlider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 2px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

input:checked + .checkBoxSlider {
	background-color: #4dd165;
}

input:focus + .checkBoxSlider {
	box-shadow: 0 0 1px #7bd1f5;
}

input:checked + .checkBoxSlider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}

.button.legendButton {
	margin-left: 15px;
	margin-top: 19px;
	font-weight: normal;
}

.signInNewsImgWrapper {
	margin-top: 65px;
	height: 195px;
	width: 347px;
}

.signInNewsImage {
	border-radius: 20px;
	width: 100%;
	height: 100%
}

.signInNewsContainer {
	width: 350px;
	float: right;
	display: none;
}

/*.signInGroupContainer {*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	align-items: center;*/
/*}*/

.signInNewsTitle {
	text-align: left;
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 0;
	color: #ffffff;
	opacity: 1;
}

.signInNewsTitle.newsTitle {
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.signInAngleIcon {
	margin-left: 1px;
	vertical-align: text-bottom;
	padding-bottom: 1px;
}

.cursivePlaceholder::-webkit-input-placeholder {
	font-style: italic;
	font-size: 0.8em;
}

.cursivePlaceholder::-moz-placeholder {
	font-style: italic;
	font-size: 0.8em;
	opacity: 1;
}

.cursivePlaceholder:-moz-placeholder {
	font-style: italic;
	font-size: 0.8em;
	opacity: 1;
}

.cursivePlaceholder:-ms-input-placeholder {
	font-style: italic;
	font-size: 0.8em;
}

.basicTable,
.basicTable-noHover {
	border-collapse: collapse;
	font-size: 0.9em;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	white-space: nowrap;
	min-width: 400px;
}


.basicTableCaption {
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	max-width: 600px;
}

.basicTableCaption .basicTable-CaptionParagraph {
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 0;
	line-height: 1.5em;
}

.basicTable thead tr,
.basicTable-noHover thead tr {
	background-color: #e8e9ee;
	text-align: left;
}


.basicTable th,
.basicTable-noHover th {
	color: #222222;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px 10px;
}

.basicTable td,
.basicTable-noHover td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px 10px;
}

.basicTable th:first-of-type,
.basicTable-noHover th:first-of-type,
.basicTable td:first-of-type,
.basicTable-noHover td:first-of-type {
	border-left: 1px solid #cccccc;
	padding: 5px 5px;
}


.basicTable tbody tr,
.basicTable-noHover tbody tr {
	border-bottom: 1px solid #cccccc;
}

.basicTable tbody i {
	padding-left: 10px;
}

.basicTable tbody tr {
	cursor: pointer;
}

.basicTable tbody tr:nth-of-type(even),
.basicTable-noHover tbody tr:nth-of-type(even) {
	background-color: #f9f9f9;
}

.basicTable tbody tr:hover {
	background-color: #dcffff;
}

.basicTable tbody tr:hover > td:not(:last-child) {
	border-right: 1px solid #dcffff;
}

.basicTable td:first-of-type,
.basicTable-noHover td:first-of-type {
	border-left: 1px solid #cccccc;
}

.basicTable .match {
	text-decoration-line: underline;
	border-bottom: 3px solid #4dd165;
}

.basicTable .noMatch {
	border-bottom: 3px solid #c83c46;
}

.dialogContainerMargin {
	margin-bottom: 25px;
}

.documentModuleOverviewContainer {
	display: inline-block;
	padding-bottom: 88px;
}

.hiddenJavaClickButton {
	visibility: hidden;
	position: fixed;
	width: 0;
	height: 0
}

.savedSearchTextArea {
	height: 500px;
	width: 99%;
	resize: none;
}

.savedSearchDialog {
	max-width: 1500px;
	min-width: 615px;
}

.checkMarkBox {
	font-size: 20px;
	margin-left: 10px;
}

.resultSupplier {
	padding: 5px;
	border-bottom: 1px dashed #d5d8de;
}

.resultSupplier:last-of-type {
	border-bottom: none;
}

.resultSupplier, .resultSupplier label {
	cursor: pointer;
}

.resultSupplier:hover {
	background: #A4D1E1;
}

.customTextFieldGroup input[type=checkbox] {
	width: 65px;
}

.unit select.textInput {
	width: 178px;
}

.supplierMissingInfoTable {
	line-height: 30px;
	width: 100%;;
}

.supplierMissingInfoTable th {
	padding: 0 10px 0 10px;
	border: none;
}

.supplierMissingInfoTable td {
	padding: 0 10px 0 10px;
}

.crediflowSupplierRadioChoice {
	display: inline-flex;
	align-items: baseline;
	margin-right: 10px;
}

.crediflowSupplierRadioChoice input[type=radio] {
	padding-top: 2px;
}

.duplicateSupplierListViewButton {
	padding-left: 5px;
	border-bottom: 1px solid #d5d8de;
}

.duplicateSupplierListViewButton:last-of-type {
	border-bottom: none;
}

.duplicateSupplierListViewButton:hover {
	cursor: pointer;
	background: #A4D1E1;
}

.duplicateSupplierListViewContainer {
	border: 1px solid #d5d8de;
}

/* Start dialogContentContainer */

.dialogContentContainer {
	margin: 5px 0 20px;
	max-width: 600px;
	overflow-x: hidden;
}

.dialogContentContainer .group {
	padding: 0;
	margin: 10px 0 0;
}

.dialogContentContainer .group .unit {
	margin-top: 5px;
}

.dialogContentContainer .group .unit .labelName {
	line-height: 20px;
	min-height: 17px;
}

.dialogContentContainer .subTitle {
	font-weight: 600;
	font-size: 1em;
	margin-bottom: 5px;
}

.dialogContentContainer .group.column {
	display: flex;
	flex-direction: column;
}

.dialogContentContainer .column textarea {
	min-width: 300px;
	width: auto;
	min-height: 50px;
	padding: 5px;
	resize: none;
}

/* End dialogContentContainer */

.checkboxListContainer {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	overflow-y: auto;
}


/* Start AjaxCheckboxWithLabel */
.ajaxCheckboxContainer {
	display: flex;
	align-items: center;
	margin: 2px 0;
}

.ajaxCheckboxContainer input[type=checkbox],
.ajaxCheckboxContainer label {
	cursor: pointer;
}

.ajaxCheckboxContainer input[type=checkbox] {
	position: inherit;
	top: 0;
	margin: 0;
}

.ajaxCheckboxContainer label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 8px;
}

/* End AjaxCheckboxWithLabel */

.afterControlFlagContainerItem {
	margin-right: 5px;
}

.bg-green {
	background: #0f3732;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
	min-width: 450px;
	padding-right: 50px;
}

.greenDiagonal {
	min-width: 100px;
	background: linear-gradient(to bottom right, #0f3732 49.8%, #ffffff 50.4%);
	height: 100%;
	margin: 0 -1px;
}

.logInContainer {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin: 0 25px;
}

.logInExtraInfo {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	gap: 10px;
}

.logInWelcomeText {
	font-size: 40px;
	font-weight: 700;
	color: #14695a;
	margin-bottom: 20px;
}

.signInFormContainer {
	width: 100%;
}

.signInForm {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.rillionOneSignInQuickbooks {
	background: transparent url('../images/rillion/logos/RillionOneVibrantGreen400w.png') no-repeat center center;
	width: 500px;
	height: 92px;
	padding: 20px;
}

.rillionOneLogoWrapperQuickbooks {
	background: #0f3732;
}

.rillionFont,
.rillionFont span, .rillionFont a {
	font-family: Calibri, sans-serif;
	color: #000000;
}

.rillionFont a, .rillionFont a:visited {
	text-decoration: underline;
	font-weight: bold;
}

.rillionFont a:hover,
.rillionFont a:active {
	color: #5faf9b;
}

.even-odd-btn:nth-child(odd) span {
	background-color: #ffffff;
}

.even-odd-btn:nth-child(even) span {
	background-color: #F9F9F9;
}

.even-odd-btn:hover span {
	background-color: #dcffff !important;
}

.even-odd-list-item:nth-child(odd) span {
	background-color: #ffffff;
}

.even-odd-list-item:nth-child(even) span {
	background-color: #F9F9F9;
}

.saveItem_ListWrapper {
	display: flex;
	justify-content: space-between;
	float: left;
	cursor: pointer;
	padding: 5px;
	margin: 0 5px;
	width: 90%;
	border-radius: 5px;
	min-height: 20px;
	align-items: center;
	font-size: medium;
	font-weight: bold;
	color: #444;
}

.saveItem_ListWrapper:hover {
	background-color: #dcffff;
}

.saveName {
	min-width: 300px;
}

.favoriteSaves {
	max-height: 250px;
}

.favoriteSavesList {
	max-height: 195px;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.favoriteSavesList::-webkit-scrollbar {
	display: none;
}

.favoriteSavesContainer {
	width: 370px;
}

.emptyList {
	display: flex;
	padding: 5px;
	margin: 0 5px;
	width: 90%;
	font-size: medium;
	font-weight: bold;
	color: #444;
}

.scUnitWithUserHint {
	display: inline-flex;
	margin-left: 0px;
}

.scSettingsColumnBorder {
	border-right: 1px solid #C5C5C5;
}

.scSettingsColumn {
	display: table-cell;
	margin-right: 10px; padding-right: 10px;
}

.scTypeColumns {
	display: inline-flex;
	height: 20px;
}

.scMandatoryColumn {
	margin-left: 65px;
}

.scUserInactive {
	background: #f4dbdb !important;
}

@media only screen and (max-width: 750px) {
	#scBrowseContiner {
		position: initial !important;
	}
}

@media only screen and (max-width: 620px) {
	#scBrowseLabel {
		display: none !important;
	}
	#scBrowseContiner {
		display: inline-flex;
	}
}

@media only screen and (max-width: 1050px) {
	.scSettingsColumnBlock {
		display: block;
		border-right: none;
	}
}

.angular-container {
	height: calc(100% - 34px);
	margin: 0;
}

.rl-toolTipTable {
	border-collapse: collapse;
	border: 0;
	width: 100%;
	font-size: 12px;
	margin-left: 10px;
	padding-left: 10px;
	margin-right: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

.rl-toolTipTable th,
.rl-toolTipTable td {
	color: white;
}

.rl-toolTipTable th{
	font-weight: bold;
	border: 0;
}

.ai-modal-wrapper {
	bottom: 80px;
	right: -500px;
	position: fixed;
	z-index: 1000;
	height: 784px;
	width: 484px;
	box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.5);
	transition: right 0.5s ease-in-out;
	background: white;
}

.ai-modal-wrapper.active {
	right: 20px;
}

.ai-container{
	display: flex;
	flex-direction: column;
}

.ai-modal {
	position: relative;
	background-color: white;
	padding: 0;
	border-radius: 0;
	margin: auto;
	top: 10%;
}

.close-btn-container {
	display: flex;
	justify-content: flex-end;
	padding: 0 18px 3px 0;
	background: #282828;
}

.close-btn {
	font-size: 24px;
	cursor: pointer;
	color: white;
}

.clickable-text-bold-dark {
	color: #444;
	font-weight: bold;
	font-size: 12px;
	margin-top: 3px;
	cursor: pointer;
}