/*
	STYLE:
	--------------------------------------
	Jonas Jonsson, Ek & Gren, 2013-01-18 10:01
	Royksopp - Happy up here
*/

.ui-page {
	-webkit-backface-visibility: hidden;
}

/* LAYOUT: */
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	color: #000;
	background: rgb(234, 235, 239);
	letter-spacing: 0.5px;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}

#wrapper {
	width: 100%;
	height: 100%
}

/* TOPBAR*/
#topbar {
	/*background: rgb(71, 71, 71); !* Old browsers *!
	background: -moz-linear-gradient(top, rgba(71, 71, 71, 1) 0%, rgba(25, 25, 25, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(10, 14, 10, 1) 51%, rgba(10, 8, 9, 1) 100%); !* FF3.6+ *!
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(71, 71, 71, 1)), color-stop(50%, rgba(25, 25, 25, 1)),
	color-stop(51%, rgba(10, 14, 10, 1)), color-stop(51%, rgba(10, 14, 10, 1)), color-stop(100%, rgba(10, 8, 9, 1))); !* Chrome,Safari4+ *!
	background: -webkit-linear-gradient(top, rgba(71, 71, 71, 1) 0%, rgba(25, 25, 25, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(10, 14, 10, 1) 51%, rgba(10, 8, 9, 1) 100%); !* Chrome10+,Safari5.1+ *!
	background: -o-linear-gradient(top, rgba(71, 71, 71, 1) 0%, rgba(25, 25, 25, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(10, 14, 10, 1) 51%, rgba(10, 8, 9, 1) 100%); !* Opera 11.10+ *!
	background: -ms-linear-gradient(top, rgba(71, 71, 71, 1) 0%, rgba(25, 25, 25, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(10, 14, 10, 1) 51%, rgba(10, 8, 9, 1) 100%); !* IE10+ *!
	background: linear-gradient(to bottom, rgba(71, 71, 71, 1) 0%, rgba(25, 25, 25, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(10, 14, 10, 1) 51%, rgba(10, 8, 9, 1) 100%); !* W3C *!*/
	background: #282828;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#0a0809', GradientType=0);
	width: 100%;
	padding: 0;
	top: 0px;
	left: 0px;
	color: #FFF;
	height: 100px;
}

/*#topbar_filler {
    width: 100%;
    height: 99px;
}*/

::selection {
	background: #FFF;
	color: #000;
}

::-moz-selection {
	background: #FFF;
	color: #000;
}

/* BOX: */
.box {
	padding: 0px;
	width: 100%;
	background-color: #f7f7f7;
	border: 0px;
	list-style: none;
	margin: 5% 0px 0px;
	float: left;
}

.box li {
	/*text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);*/
	margin: 0px;
	border-bottom: 2px solid #ababab;
	padding: 20px;
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
	@media {
		.box li {
			padding: 4% 4% 6% 3%;
		}
	}
}

.box li.actives, .box li a:active {
	background-color: #19bcdb;
	text-shadow: none !important;
	color: #000 !important;
}

.box li:last-child {
	border-bottom: 0px;
}

.box li.boxheader {
	/*background: rgb(187, 220, 237); !* Old browsers *!
	background: -moz-linear-gradient(top, rgba(187, 220, 237, 1) 0%, rgba(159, 202, 221, 1) 98%, rgba(102, 178, 204, 1) 100%); !* FF3.6+ *!
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(187, 220, 237, 1)), color-stop(98%, rgba(159, 202, 221, 1)), color-stop(100%, rgba(102, 178, 204, 1))); !* Chrome,Safari4+ *!
	background: -webkit-linear-gradient(top, rgba(187, 220, 237, 1) 0%, rgba(159, 202, 221, 1) 98%, rgba(102, 178, 204, 1) 100%); !* Chrome10+,Safari5.1+ *!
	background: -o-linear-gradient(top, rgba(187, 220, 237, 1) 0%, rgba(159, 202, 221, 1) 98%, rgba(102, 178, 204, 1) 100%); !* Opera 11.10+ *!
	background: -ms-linear-gradient(top, rgba(187, 220, 237, 1) 0%, rgba(159, 202, 221, 1) 98%, rgba(102, 178, 204, 1) 100%); !* IE10+ *!
	background: linear-gradient(to bottom, rgba(187, 220, 237, 1) 0%, rgba(159, 202, 221, 1) 98%, rgba(102, 178, 204, 1) 100%); !* W3C *!
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbdced', endColorstr='#66b2cc', GradientType=0); !* IE6-9 *!*/
	/*text-shadow: 0px 2px 0px rgba(255, 255, 255, 0.7);*/
	background: #c3c3c3 !important;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 0;
	padding: 23px;
	color: #000000;
	height: 33px;
}

.box a {
	color: #000;
	text-decoration: none;
}

.boxarrow li {
	/*background: right center no-repeat url('../img/arrow.png') transparent;*/
	padding: 0px;
	background: white;
}

.boxarrow li:nth-child(odd) {
	background: rgb(249, 249, 249);
}

.boxarrow li a {
	margin: 0px;
	padding: 0px;
	padding: 20px;
	text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
	display: block;
	padding-right: 30px;
}

.entire {
	width: 100%;
	display: inline-block;
	margin-bottom: 3px;
	margin-top: 3px;
	display: table-row;
	vertical-align: middle;
	height: 100%;
}

.half {
	width: 49%;
	display: inline-block;
	margin-bottom: 3px;
	margin-top: 3px;
}

.left {
	text-align: left;
	display: inline-block;
}

.right {
	text-align: right;
	display: inline-block;
}

.strong {
	font-weight: bold;
}

.muted {
	color: #6d6d6d;
}

.danger {
	color: #c83c46;
}

.cool {
	color: #385388;
}

.padded {
	padding-top: 10px;
	padding-bottom: 10px;
}

i.pdf-icon {
	width: 100%;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	background: center left no-repeat url('../img/pdf_icon.png') transparent;
	margin-top: 0px;
	padding-left: 80px;
	font-style: normal;
}

/* KNAPP-GRUPP: */
.buttongroup {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	float: right;
	width: 75%;
}

.buttongroup li {
	padding: 0;
	margin: 0;
	display: inline-block;
	float: right;
}

.buttongroup li a {
	line-height: 85px;
	padding: 0 15px;
	background-color: transparent;
	color: white;
	display: inline-block;
	margin: 0;
	height: 90px;
	text-decoration: none;
	/* text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.6); */
	/* border-right: 1px solid #355121; */
	font-weight: bold;
	font-size: 85%;
	border-top: 10px solid transparent;
}

.buttongroup li:last-child a {
	/*border-radius: 0px 12px 12px 0px;
	border-right: 0px;*/
}

.buttongroup li:first-child a {
	/*border-radius: 12px 0px 0px 12px;*/
}

.buttongroup li.current a {
	/*background: rgb(207, 207, 207); !* Old browsers *!
	background: -moz-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(255, 255, 255, 1) 100%); !* FF3.6+ *!
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 207, 207, 1)), color-stop(100%, rgba(255, 255, 255, 1))); !* Chrome,Safari4+ *!
	background: -webkit-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(255, 255, 255, 1) 100%); !* Chrome10+,Safari5.1+ *!
	background: -o-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(255, 255, 255, 1) 100%); !* Opera 11.10+ *!
	background: -ms-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(255, 255, 255, 1) 100%); !* IE10+ *!
	background: linear-gradient(to bottom, rgba(207, 207, 207, 1) 0%, rgba(255, 255, 255, 1) 100%); !* W3C *!*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#ffffff', GradientType=0); !* IE6-9 *!*/
	background: #424242;
	border-top: 10px solid #32ffbe;
	/*text-shadow: 0px 2px 0px rgba(255, 255, 255, 1);
	box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.5) inset;*/
}

.buttongroup em {
	font-style: normal !important;
}

.numberOfNotifications {
	background-color: #14695a;
	border-radius: 20px;
	font-size: 15px;
	font-weight: normal;
	color: #FFF !important;
	text-align: center;
	text-shadow: none !important;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	line-height: 33px;
	padding: 0 1px 0 0;
	margin-left: 0;
	margin-right: 0px;
	margin-bottom: 5px;
}

/* BAK�TKNAPP: */

.backbutton {
	/*text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.6);*/
	width: 100px;
	height: 42px;
	background: #282828;
	border: 2px solid #ffffff;
	color: #ffffff;
	font-size: 85%;
	display: block;
	text-align: center;
	padding: 0 5px 0 5px;
	font-weight: bold;
	text-decoration: none;
	z-index: -10;
	margin-top: 29px;
	line-height: 42px;
	border-radius: 10px;
	margin-left: 15px;
}

.backbutton:active {
	background: #424242;
}

.backButtonWrapper {
	width: 25%;
	display: inline-block;
	height: 90px;
}

/* DROPDOWN: */

select {
	font-size: 100%;
}

#optionSelect select {
	width: 53.5%;
	height: 42px;
	float: right;
	padding: 3px 3px 3px 6px;
	border-radius: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1em;
	border: 1px solid rgb(213, 216, 222);
	outline: none;
	background: white;
}

#optionSelect select:disabled {
	background-color: rgb(235, 235, 228);
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
	@media {
		#optionSelect select {
			width: 55%;
			height: 56px;
		}
	}
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
	@media {
		#commentWrapper {
			margin-top: 10%;
		}
	}
}

#optionWrapper select.orgSelect {
	width: 300px;
}

#optionWrapper select {

}

select option {
	max-width: 200px;
}

/* BOTTOMBAR */
#bottombar {
	/*background: rgb(71, 71, 71); !* Old browsers *!
	background: -moz-linear-gradient(top, rgba(71, 71, 71, 1) 0%, rgba(25, 25, 25, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(10, 14, 10, 1) 51%, rgba(10, 8, 9, 1) 100%); !* FF3.6+ *!
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(71, 71, 71, 1)), color-stop(50%, rgba(25, 25, 25, 1)),
	color-stop(51%, rgba(10, 14, 10, 1)), color-stop(51%, rgba(10, 14, 10, 1)), color-stop(100%, rgba(10, 8, 9, 1))); !* Chrome,Safari4+ *!
	background: -webkit-linear-gradient(top, rgba(71, 71, 71, 1) 0%, rgba(25, 25, 25, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(10, 14, 10, 1) 51%, rgba(10, 8, 9, 1) 100%); !* Chrome10+,Safari5.1+ *!
	background: -o-linear-gradient(top, rgba(71, 71, 71, 1) 0%, rgba(25, 25, 25, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(10, 14, 10, 1) 51%, rgba(10, 8, 9, 1) 100%); !* Opera 11.10+ *!
	background: -ms-linear-gradient(top, rgba(71, 71, 71, 1) 0%, rgba(25, 25, 25, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(10, 14, 10, 1) 51%, rgba(10, 8, 9, 1) 100%); !* IE10+ *!
	background: linear-gradient(to bottom, rgba(71, 71, 71, 1) 0%, rgba(25, 25, 25, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(10, 14, 10, 1) 51%, rgba(10, 8, 9, 1) 100%); !* W3C *!
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#0a0809', GradientType=0); !* IE6-9 *!*/
	width: 100.2%;
	padding-top: 3%;
	padding-bottom: 3%;
	left: 0px;
	color: #FFF;
	left: 0px;
	text-align: center;
	float: left;
	position: absolute;
	margin-top: 9px;
	margin-bottom: -1px;
	/*
	position:				fixed;
	bottom:					-1px;
	*/
}

#bottombar .bottombutton {
	/*background: rgb(191, 209, 58); !* Old browsers *!
	background: -moz-linear-gradient(top, rgba(191, 209, 58, 1) 0%, rgba(117, 188, 48, 1) 6%, rgba(94, 147, 39, 1) 100%); !* FF3.6+ *!
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(191, 209, 58, 1)), color-stop(6%, rgba(117, 188, 48, 1)), color-stop(100%, rgba(94, 147, 39, 1))); !* Chrome,Safari4+ *!
	background: -webkit-linear-gradient(top, rgba(191, 209, 58, 1) 0%, rgba(117, 188, 48, 1) 6%, rgba(94, 147, 39, 1) 100%); !* Chrome10+,Safari5.1+ *!
	background: -o-linear-gradient(top, rgba(191, 209, 58, 1) 0%, rgba(117, 188, 48, 1) 6%, rgba(94, 147, 39, 1) 100%); !* Opera 11.10+ *!
	background: -ms-linear-gradient(top, rgba(191, 209, 58, 1) 0%, rgba(117, 188, 48, 1) 6%, rgba(94, 147, 39, 1) 100%); !* IE10+ *!
	background: linear-gradient(to bottom, rgba(191, 209, 58, 1) 0%, rgba(117, 188, 48, 1) 6%, rgba(94, 147, 39, 1) 100%); !* W3C *!
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd13a', endColorstr='#5e9327', GradientType=0); !* IE6-9 *!*/
	/*text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.6);*/
	background: #14695a;
	line-height: normal;
	padding: 15px 0;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 140%;
	border-radius: 12px;
	width: 94%;
	margin: 0 auto;
	margin-bottom: 20px;
}

#bottombar .savebutton {
	background: #0f3732 !important;
	color: #32ffbe;
}

/* LOGINBOX: */
.mLoginForm {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.mSignInForm {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin: 30px 15px;
}

.mLoginForm, select, input, textarea, span, p, a {
	font-family: Calibri, sans-serif;
}

#loginbox {
	width: auto;
	height: auto;
	padding: 57px;
	border-radius: 12px;
	background-color: #19bcdb;
	display: block;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	position: relative;
	font-size: 100%;
}

#loginbox strong {
	display: block;
	font-size: 120%;
}

#login-header {
	display: block;
	margin: auto;
	width: 100%;
	z-index: -1;
}

.rillionOneSignInLogoMobile {
	background-image: url('../img/RillionOneMobilLogo500x92.png');
	background-position: center center;
	background-repeat: no-repeat;
	width: 500px;
	height: 92px;
	padding: 25px 0;
	margin: auto;
}

.rillionOneLogoWrapper {
	width: 100%;
	background: #0f3732;
}

.mLoginForm .txtInput:focus {
	background: white !important;
	border-color: #32ffbe;
}

.txtInput {
	font-size: 40px !important;
	padding: 15px;
	display: block;
	color: #000000;
	background: white;
	border: 1px solid #c3c3c3;
	border-radius: 6px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px white inset !important;
}

#loginbutton {
	background: #14695a;
	font-weight: bold;
	padding: 25px 80px;
	color: white;
	border: 0;
	border-radius: 5px;
	font-size: 35px;
}

#loginbutton:active {
	background: #0f3732;
}

.cantApproveButton {
	padding: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd13a', endColorstr='#5e9327', GradientType=0); /* IE6-9 */
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border-radius: 6px;
	border: 2px solid #ababab;
	font-size: 80%;
	width: 60%;
	padding-left: 40px;
	padding-right: 40px;
	margin-top: 15px;
	margin-bottom: 20px;
}

.disabledAccoutningLine {
	background-color: #D9D9D9;
}

.disabledAccoutningLine .strong, .disabledAccoutningLine .boxheader {
	color: #6D6D6D;
}

.textField {
	font-size: 1em;
	width: 52%;
	float: right;
	height: 35px;
	border-radius: 0;
	outline: none;
	border: 1px solid rgb(213, 216, 222);
	padding: 3px 3px 3px 6px;
	background: white;
	margin-top: -5px;
}

.textField:disabled {
	background-color: rgb(235, 235, 228);
}

.notesTextField {
	font-size: 1em;
	width: 97%;
	float: left;
	height: 47px;
	margin-right: 20px;
}

.notesTextFieldWrapper {
	padding: 20px;
	width: 96%;
}

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

div.wicket-aa {
	background-color: white;
	border: 1px solid #CCCCCC;
	color: black;
}

div.wicket-aa-container ul {
	list-style: none outside none;
	border: 1px dotted gray;
	margin: 0;
	padding: 0;
	margin: 0;
}

div.wicket-aa-container ul li {
	min-width: 120px;
	min-height: 50px;
	border-bottom: 1px solid #c3c3c3;
}

[contenteditable]::selection {
	background: #CAEFFF; /* Safari */
}

[contenteditable]::-moz-selection {
	background: #CAEFFF; /* Firefox */
}

.accountingLineHeader {
	display: inline-block;
	width: 92%;
	height: 100%;
	margin-left: 1%;
}

.button {
	/*background: url("../img/bg-button-green.gif") repeat-x scroll left top #459300 !important;*/
	/*border: 1px solid #459300 !important;*/
	background: #14695a;
	color: #FFFFFF !important;
	cursor: pointer;
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	padding: 8px 31px !important;
	font-size: 31px !important;
}

.button.whiteButton {
	color: #000 !important;
	background-color: #fff !important;
	border: 1px solid #ccc !important;
	padding: 7px 30px !important;
}

.listTable .even {
	background: url("../img/listrow_separator.png") repeat-x scroll center bottom #ededed;
}

.listTable .odd {
	background: url("../img/listrow_separator.png") repeat-x scroll center bottom #fffefe;
}

.attentionTable .even {
	background: url("../img/listrow_separator.png") repeat-x scroll center bottom #F8B5C1;
}

.attentionTable .odd {
	background: url("../img/listrow_separator.png") repeat-x scroll center bottom #FADEE3;
}

.listTable .odd td, .listTable .even td {
	padding-top: 3px;
	padding-bottom: 2px;
	overflow: auto;
}

.stretch {
	width: 100%;
}

.listTable {
	text-shadow: 0px 0px 0px;
}

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

.listTable .navigation, .listTable tr.navigation:hover {
	background-color: #FFFFFF;
}

.listTable .navigation {
	font-weight: normal;
	font-size: 12px;
}

.listTable .navigation a {
	text-decoration: none;
}

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

.listTable .navigation .goto {
	/* font-weight: bold; */
	margin: 0 2px;
}

.listTable .navigation .goto em {
	font-weight: bold;
}

.listTable .navigation .prev {
	margin: 0 2px 0 3px;
}

.listTable .navigation .next {
	margin: 0 2px 0 3px;
}

span.removeLink {
	display: inline-block;
	position: relative;
	top: 5px;
}

span.removeLink, .listTable .removeLink {
	text-decoration: none;
	color: transparent;
	margin: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}

.dialogHider {
	display: none;
}

span.removeLink {
	/*background: url("../../images/green/list_delete.png") no-repeat center center transparent;*/
	background: url("../img/list_delete_red.png") no-repeat center center transparent;
	position: relative;
	top: 1px;
}

span.accountingLineRemoveLinkHeader {
	/*background: url("../../images/green/list_delete.png") no-repeat center center transparent;*/
	background: url("../img/list_delete_red_witebackground.png") no-repeat center center transparent;
	position: relative;
	top: 1px;
	border-radius: 5px;
	width: 16px;
	height: 16px;
	margin-left: 0px;
	cursor: pointer;
}

.listTable .removeLink {
	background: url("../img/list_delete_red.png") no-repeat center center transparent;
	position: relative;
	top: 10px;
	float: right;
}

.attentionTable .removeLink {
	background: url("../img/list_delete_red.png") no-repeat center center #FADEE3;
	position: relative;
	top: 10px;
	float: right;
}

.ui-widget-header {
	background: #424242;
	border: 0;
	border-radius: 0;
}

.ui-widget-content {
	background: white none;
}

.ui-widget-content a {
	text-decoration: none;
}

.ui-dialog-title {
	color: white;
}

.ui-widget-overlay {
	background: #666666 !important;
}

.ui-dialog {
	width: 90% !important;
	top: 21% !important;
}

.ui-dialog-titlebar-close {
	margin: -20px 0 0 0 !important;
	width: 39px !important;
	height: 39px !important;
}

.ui-widget-header .ui-icon {
	zoom: 2;
}

.dialogButtonContainer {
	float: right;
	padding-top: 20px;
}

.dialogButtonContainer > * {
	float: right;
}

.dialogButtonContainer .button {
	margin-right: 20px;
}

.dialogButtonContainer .button:first-child {
	margin-right: 0;
}

input[type=checkbox] {
	width: 44px;
	height: 44px;
	border: 1px solid #bbb;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

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

.flagForm {
	margin-top: 8px;
	width: 96%;
}

.flagGroup {
	padding: 2px 2px 2px 2px;
	/*background-color: #EEE;*/
	overflow: auto;
}

.flagUnit {
	padding: 10px 20px;
	margin-right: 12%;
	float: left;
	width: 90%;
}

.flagUnit label {
	position: relative;
	font-weight: bold;
	bottom: 9px;
}

.flagGroupRed {
	padding: 20px;
	background-color: #f4dbdb;
	overflow: auto;
	margin: 0px 20px 5px 5px;
	border-radius: 7px;
	color: #AD343C;
	border: 1px solid #c83c46;
}

.flagGroupYellow {
	padding: 4px;
	background-color: #fffff7;
	overflow: auto;
	margin: 0px 20px 5px 5px;
	border-radius: 7px;
	color: #bb6c00;
	border: 1px solid #cf7700;
}

.infoText {
	font-weight: bold;
}

.newRow {
	display: block;
}

.noPadding {
	padding-left: 0px !important;
}

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

.autoWithDialog {
	width: 92% !important;
	padding: 0 !important;
	border: 0;
	border-radius: 0;
}

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

ul.feedbackPanel {
	list-style: none outside none;
	width: 90%;
}

.aboveScreen {
	position: absolute;
	visibility: hidden;
	margin-top: -10000px;
}

.outgoingVat {
	background-color: #e4e4e4;
}

.documentTitle {
	margin-bottom: 15px;
	display: inline-block;
	text-align: center;
	width: 100%;
}

/*285-*/
@media screen and (max-width: 600px) {
	.buttongroup li a {
		font-size: 70% !important;
		padding: 0 10px !important;
	}

	.backbutton {
		font-size: 70% !important;
		width: 85px !important;
	}

	.box {
		font-size: 80% !important;
	}

	.box li.boxheader {
		height: 22px;
	}

	div.numberOfNotifications {
		width: 20px;
		height: 20px;
		line-height: 21px;
		font-size: 13px;
		padding-left: 1px;
	}

	.notesTextField {
		width: 85% !important;
	}
}

.receipts-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.modulesWrapper {
	height: 70px;
	position: fixed;
	width: 100%;
	background: #101b23;
	bottom: 0;
}

.selectedBehaviour {
	width: 100%;
	height: 10px;
	display: block;
}

.moduleLink.selected .selectedBehaviour {
	background: #4dd165;
}

.moduleLink {
	display: inline-block;
	width: 50%;
	height: 100%;
	background: #1c2b37;
}

.moduleName {
	height: 80px;
	width: 100%;
	display: inline-block;
	text-align: center;
	float: left;
	line-height: 60px;
	color: white;
	font-weight: bold;
}

.moduleLink.selected .moduleName {
	background: rgb(35, 53, 68);
}

.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%;
}

#bysy_indicator {
	position: fixed;
	z-index: 1000;
	left: 46%;
	top: 40%;
	height: 58px;
	width: 58px;
}

.ajaxLoader {
	position: absolute;
	height: 58px;
	width: 58px;
	border-radius: 10px;
	background: black url("../img/ajax-loader.gif");
	opacity: 0.7;
}

.customLogo {
	width: 250px;
	height: 100px;
}

.logListView {
	margin-bottom: 2px;
	border-bottom: 2px solid #ababab;
	padding: 20px;
	overflow: auto;
}

.logUser {
	width: 100%;
	float: right;
	margin-bottom: 20px;
	margin-top: 5px;
	font-style: italic;
}

.logTime {
	margin-bottom: 5px;
}

/*Flags downloaded from: https://www.countryflags.com/*/
.sv_Flag {
	background: top center no-repeat url('../img/icons8-swedenSmall.png') transparent !important;
}

.en_UK_Flag {
	background: top center no-repeat url('../img/icons8-great_britain.png') transparent !important;
}

.en_US_Flag {
	background: top center no-repeat url('../img/icons8-usa.png') transparent !important;
}

.fi_Flag {
	background: top center no-repeat url('../img/icons8-finland.png') transparent !important;
}

.da_Flag {
	background: top center no-repeat url('../img/icons8-denmark.png') transparent !important;
}

.no_Flag {
	background: top center no-repeat url('../img/icons8-norway.png') transparent !important;
}

.de_Flag {
	background: top center no-repeat url('../img/icons8-germany.png') transparent !important;
}

.loginFlag {
	zoom: 160%;
	margin-right: 20px;
	width: 30px;
	height: 43px;
}

.flagsContainer {
	display: flex;
	justify-content: center;
}

.forgottenPass {
	font-size: 30px;
	margin: 20px 0;
}

.forgottenPass #urlLink {
	color: #000000;
	text-decoration: none;
}

.forgottenPass #urlLink span {
	text-decoration: underline;
}

.loginInputLabel {
	text-transform: uppercase;
}

.loginWrapper {
	height: 100%;
	width: 100%;
	position: absolute;
	background: #ffffff;
}

.verticalLineBg {
	background: linear-gradient(to bottom right, #0f3732 47.6%, #ffffff 52%);
	height: 40px;
	margin: -2px 0;
}

.topPlaceHolder {
	height: 15%;
	background: #0f3732;
	margin-bottom: -1px;

}