/* Copyright © Basware Corporation (2009 - 2021). All rights reserved. */

/* BASIC DEFINITIONS */
/* LINKBUTTON */
@font-face {
	font-family: "Fira Sans";
	font-style: normal;
	font-weight: normal;
	font-display: block;
	src: url("/neo/UI/style/fonts/FiraSans-Regular.eot");
	src: url("/neo/UI/style/fonts/FiraSans-Regular.eot?#iefix") format("embedded-opentype"), url("/neo/UI/style/fonts/FiraSans-Regular.woff2") format("woff2"), url("/neo/UI/style/fonts/FiraSans-Regular.woff") format("woff"), url("/neo/UI/style/fonts/FiraSans-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "Fira Sans";
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url("/neo/UI/style/fonts/FiraSans-Medium.eot");
	src: url("/neo/UI/style/fonts/FiraSans-Medium.eot?#iefix") format("embedded-opentype"), url("/neo/UI/style/fonts/FiraSans-Medium.woff2") format("woff2"), url("/neo/UI/style/fonts/FiraSans-Medium.woff") format("woff"), url("/neo/UI/style/fonts/FiraSans-Medium.ttf") format("truetype");
}
* 
{
	margin: 0;
}

.quirksNotification
{
	border: 3px dashed blue !important;
}

html {
	height: 100%;
	overflow: auto;
	margin-left: calc(100vw - 100%);
	margin-right: 0;
}

body /* White workspace.*/ {
	margin: 0px;
	font-family: 'Fira Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	color: #444;
	height: 100%;
	background-color: #EBEBEB;
	overflow: auto;
	box-sizing: border-box;
}
a {
	cursor:pointer;
}
textarea 
{
	display:block;
	resize: none;
}
*:focus
{
	outline:none;
}
input:focus, select:focus, a:focus, textarea:focus
{ 
	outline: 1px solid #cdcdff;
}

.focusOutlineNone:focus {
	outline:none;
}
[readonly]:focus 
{
	outline:none;
}

.bgcolor
{
	background-color: #fff;
}

.brd0100, .brd0101, .brd0110, .brd0111, .brd1111
{
	padding-right:5px;
}
.brd0001, .brd0011, .brd0101, .brd0111, .brd1111
{
	padding-left: 5px;
}
.brd1000, .brd1001, .brd1011, .brd1111
{
	padding-top: 5px;
	
}
.brd0010, .brd0011, .brd0110, .brd0111, .brd1111
{
	padding-bottom: 5px;
}

td
{
	padding:0px;
}
td.tdBorderBox input {
	box-sizing: border-box;
}
.basiclayout {
	padding-bottom:8px;
}
.basiclayout label {
	padding-top:8px;
}

.Calendar {
	color: #00A9CE;
	background-color: #fff;
	height: 100%;
	top: 0px;
	width: 100%;
	border-color: #EBEBEB;
	padding:5px;
}

.CalendarTitleStyle {
	font-weight: 500;
	border-width: 0px;
	border-style: none;
	border-color: #cdcdcd;
	background-color: transparent;
}

.CalendarNextPrevStyle
{
	text-align: center;
}

.CalendarDayHeaderStyle {
	color: #444;
	font-size: 10px;
}

.CalendarDayStyle
{
	font-weight: normal;
}

.CalendarWeekendDayStyle
{
	font-weight: normal;
}

.CalendarOtherMonthDayStyle
{
	font-weight: normal;
}

.CalendarSelectedDayStyle {
	border-radius: 15px;
	border-style: none;
}

.CalendarTodayDayStyle {
	border-radius: 15px;
	background: #EBEBEB;
	border-style: none;
}

#mainpopup
{
	position:relative;
	height:100%;
	width:100%;
}

.prgheaderbar
{
	min-width:350px;
	position:absolute;
	top: 0px;
	right:0px;
	left:0px;
	height:40px;
	margin: 5px auto;
	background-color:#fff;
	text-align: left;
	white-space:nowrap;
	font-weight:500;
	font-size: 16px;
	border-radius:3px;
}
.dialogheaderbar {
	margin: 0px;
	border-radius: 0px;
	border-bottom: 3px solid #00a9ce;
	padding-top:6px;
}
.adialog .extraprgheader {
	min-width:200px;
	display:none;
	margin-top: 1px;
	margin-right: 1px;
	margin-left: 1px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
.adialog.extHdrInUse > .extraprgheader {
	display:block;
}

.prgheaderbar span
{
	margin-top:10px;
	margin-left:10px;
	text-align: left;
	float:left;
}
.prgheaderbar #notebox
{
	margin-top:10px;
	margin-left: 15px;
	padding: 2px 15px 2px 15px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	border-radius:3px;
	display:none;
	color: #5bb8ee;
	font-size:12px;
}
.prgheaderbar #headerpagelinks
{
	margin-right:10px;
	font-size: 13px;
	float:right;
	margin-top:7px;
}
.prgheaderbar #headerpagelinks a
{
	text-decoration:none;
}
.prgheaderbar #headerpagelinks select
{
	display: inline;
	padding: 3px 45px 3px 5px;

}
.prgheaderbar .prgrsind
{
	margin-top:10px;
	margin-right:15px;
	float:right;
}

#mainpopup .maincontent {
	position: absolute;
	top: 49px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: #fff;
}

.lbl
{
	display:block;
}
.lblT
{
	display:table-row;
}
.lblB
{
	display:block;
	font-weight:500;
}
.orglbl
{
	color: #005f83;
	font-weight: 500;
	font-size: 13px;
}

a:link, a:visited, a:visited:active, a:active, a:hover
{
	color: #00A9CE;
	text-decoration:none;
}


a.red:link, a.red:visited, a.red:visited:active, a.red:active, a.red:hover {
	color: #f95459;
}

a:hover
{
	color:#297795;
	text-decoration:underline;
}

a.emphasize:link
{
	border:2px solid #189b0b;
	padding:4px 0px 4px 0px;
	border-radius:50%;
}
a.link_text_box
{
	background-color: #fff;
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	padding: 5px;
}

.punchout-logo a#btnEditLogo {
	position: absolute;
	left: 240px;
	top: 12px;
	height: 20px;
	width: 20px;
	outline: none;
}

.punchout-logo a#btnDeleteLogo {
	position: absolute;
	left: 280px;
	top: 12px;
	height: 20px;
	width: 20px;
	outline: none;
}

div.dataform {
	margin-top: 4px;
	margin-left: 4px;
}

div.actionform
{
	margin-top:10px;
	margin-left:6px;
	margin-bottom:6px;
}

div.dataform input
{
	width:240px;
}

div.dataform select
{
	width:240px;
}

/* TITLE DEFINITIONS */

.TitleTable /* Width must be set in a page! */
{
	border:none;
	background-image: url(/neo/ui/images/bgblue.png);
	background-repeat: repeat-x;
	white-space : nowrap;
}

.TitleText /* Title text in a titletable element todo henriw poista tämä */ 
{
	color:#fff;
	padding-left: 3pt;
	font-weight: bolder;
	font-size: 15px;
	white-space: nowrap;
	text-align: left;
	border:none;
}

.popupHeading
{
	font-weight: bolder;
	font-size: 15px;
	background-image: url(/neo/ui/images/bgblue.png);
	background-repeat: repeat-x;
}

.popupHeading img
{
	margin-top:2px;
	margin-right:3px;
	float:right;
}

.popupHeading span
{
	margin-top:4px;
	margin-left:4px;
	float:left;
}



/* WORKSPACE DEFINITIONS */

.basicButtonRow {
	margin-top: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	clear: both;
	background-color: #fff;
	border-radius: 3px;
}
.basicButtonRow.sectionSeparator {
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
}
div.basicButtonRow:empty{
	display:none;
}
#divSectionSeparator {
	background-color: #ebebeb;
	margin-left: -5px;
	margin-right: -5px;
}

.TabbedPanel #divSectionSeparator {
	margin-left: -12px;
	margin-right: -12px;
}

#divSectionSeparatorTop {
	content: " ";
	display: block;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 100%;
	height: 3px;
	background-color: #fff;
}

#divSectionSeparatorBottom {
	content: " ";
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	width: 100%;
	height: 3px;
	margin-top: 4px;
	background-color: #fff;
}


input[type="submit"],
input[type="button"] {
	font-size: .8125rem;
	line-height: 1.42857;
	background: #fff;
	border: 1px solid #00a9ce;
	border-radius: 3px;
	color: #00a9ce;
	font-family: "Fira Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight: 500;
	padding: 4px 15px 3px;
	text-align: center;
	margin-left: 5px;
	cursor: pointer;
}

input[type="submit"]:hover,
input[type="button"]:hover {
	background: rgba(0,169,206,0.04);
	border-color: #00a9ce;
	color: #00a9ce;
}
input[type="submit"]:active,
input[type="button"]:active {
	background: #e5f8ff;
	border-color: #00A9CE;
	color: #00A9CE;
	outline:none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
	background: rgba(0,169,206,0.12);
	border-color: #00A9CE;
	color: #00A9CE;
	outline:none;
}

	input[type="submit"]:disabled,
	input[type="button"]:disabled {
		background-color: rgba(255,255,255,0.38) !important;
		color: rgba(0,0,0,0.26) !important;
		border: 1px solid rgba(0,0,0,0.26) !important;
		cursor: not-allowed;
	}

span.icon input[type="submit"]:disabled,
span.icon input[type="button"]:disabled {
	border: none !important;
}

	.fieldBlock.searchBlock input[type="submit"],
	input[type="submit"].primary-btn,
	input[type="button"].primary-btn {
		font-size: 0.875rem;
		line-height: 1.42857143;
		background: #00a9ce;
		border: 1px solid #00a9ce;
		border-radius: 3px;
		color: #fff;
		font-family: "Fira Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-weight: 500;
		padding: 4px 15px 3px;
		text-align: center;
	}

	.fieldBlock.searchBlock input[type="submit"]:hover,
	input[type="submit"].primary-btn:hover,
	input[type="button"].primary-btn:hover {
		background: #297795;
		border-color: #297795;
		color: #fff;
	}
	.fieldBlock.searchBlock input[type="submit"]:focus,
	input[type="submit"].primary-btn:focus,
	input[type="button"].primary-btn:focus,
	.fieldBlock.searchBlock input[type="submit"]:active,
	input[type="submit"].primary-btn:active,
	input[type="button"].primary-btn:active {
		background: #297795;
		border-color: #297795;
		color: #fff;
	}

input[type="text"].dsbld,
input[type="number"].dsbld,
input[type="password"].dsbld,
select.dsbld, textarea.dsbld {
	background: #ebebeb;
	color: #999;
	cursor: not-allowed;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="file"], select, textarea {
	font-size: .8125rem;
	line-height: 1.42857;
	background-color: #fff;
	border: 1px solid #d9d9d6;
	border-radius: 3px;
	box-shadow: none;
	color: #444;
	display: inline-block;
	font-family: "Fira Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight: 400;
	padding: 5px 5px;
	/*vertical-align: top;*/
}
select {
	background-image: linear-gradient(45deg, transparent 50%, #444 50%),linear-gradient(135deg, #444 50%, transparent 50%),linear-gradient(to right, #d9d9d6 0, transparent 1px);
	background-repeat: no-repeat;
	background-size: 4px 4px, 4px 4px, 32px 30px;
	background-position: calc(100% - 15px) calc(50%),calc(100% - 11px) calc(50%),100% 0;
	background-position: -webkit-calc(100% - 15px) -webkit-calc(50%),-webkit-calc(100% - 11px) -webkit-calc(50%),100% 0;
	background-position: -moz-calc(100% - 15px) -moz-calc(50%),-moz-calc(100% - 11px) -moz-calc(50%),100% 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	padding: 5px 35px 5px 5px;
	word-break: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	select::-ms-value {
		background-color: transparent;
		color: #444;
	}
	select::-ms-expand {
		display: none;
	}
	select:focus, select:active {
		background-image: linear-gradient(45deg, transparent 50%, #444 50%), linear-gradient(135deg, #444 50%, transparent 50%), linear-gradient(to right, #00a9ce 0, transparent 1px);
		background-position: calc(100% - 15px) calc(50%), calc(100% - 11px) calc(50%), 100% 0;
		background-position: -webkit-calc(100% - 15px) -webkit-calc(50%),-webkit-calc(100% - 11px) -webkit-calc(50%),100% 0;
		background-position: -moz-calc(100% - 15px) -moz-calc(50%),-moz-calc(100% - 11px) -moz-calc(50%),100% 0;
	}
	select:hover:not([disabled]):not(:focus) {
		background-image: linear-gradient(45deg, transparent 50%, #444 50%), linear-gradient(135deg, #444 50%, transparent 50%), linear-gradient(to right, #333 0, transparent 1px);
		background-position: calc(100% - 15px) calc(50%), calc(100% - 11px) calc(50%), 100% 0;
		background-position: -webkit-calc(100% - 15px) -webkit-calc(50%),-webkit-calc(100% - 11px) -webkit-calc(50%),100% 0;
		background-position: -moz-calc(100% - 15px) -moz-calc(50%),-moz-calc(100% - 11px) -moz-calc(50%),100% 0;
	}
	select:disabled {
		background-image: linear-gradient(45deg, transparent 50%, #999 50%), linear-gradient(135deg, #999 50%, transparent 50%), linear-gradient(to right, #999 0, transparent 1px);
		background-repeat: no-repeat;
		background-size: 4px 4px, 4px 4px, 32px 30px;
		background-position: calc(100% - 15px) calc(50%), calc(100% - 11px) calc(50%), 100% 0;
		background-position: -webkit-calc(100% - 15px) -webkit-calc(50%),-webkit-calc(100% - 11px) -webkit-calc(50%),100% 0;
		background-position: -moz-calc(100% - 15px) -moz-calc(50%),-moz-calc(100% - 11px) -moz-calc(50%),100% 0;
		background-color: #ebebeb;
		color: #999;
		cursor: not-allowed;
	}
	select[multiple], select[multiple]:hover:not(:focus), select[multiple]:focus, select[multiple]:active,
	select.focusOutlineNone, select.focusOutlineNone:hover:not(:focus), select.focusOutlineNone:focus, select.focusOutlineNone:active {
		background-image: none;
		padding: 5px 5px;
	}
	input[type="text"]:hover:not([disabled]):not(:focus),
	input[type="number"]:hover:not([disabled]):not(:focus),
	input[type="password"]:hover:not([disabled]):not(:focus),
	input[type="file"]:hover:not([disabled]):not(:focus),
	select:hover:not([disabled]):not(:focus), textarea:hover:not(:read-only):not(:focus) {
		border: solid 1px rgba(0,0,0,.6);
		outline: none;
	}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
select:focus, textarea:focus {
	border: solid 1px #00a9ce;
	outline: none;
}
.noborderradius
{
	border-radius:0px;
}
input.fileInput
{
	position: relative;
	text-align: right;
	width:100%;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 2;
}
div.fileInputWrap
{
	position:relative;
	vertical-align:top;
	margin: 5px 0 5px 0;
}
div.userFilePicker {
	z-index: 1;
	width: 100%;
	align-items: stretch;
	background-color: #fff;
	border-radius: 3px;
	color: #444;
	display: flex;
	padding: 0;
	position: absolute;
	top:0px;
}
div.userFilePicker input {
	width:100%;
}

input[type="checkbox"], input[type="radio"] 
{
	vertical-align: middle;
	position: relative;
	bottom: 1px;
	margin-right: 4px;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
  background-color: #00A9CE;
}
::-ms-check {
    border: 1px solid #cdcdcd;
}
select::-ms-expand {
	color: #234a6f;
	border: none;
    background: url(/neo/ui/images/bluebtnbck.gif);
}
select[disabled='disabled']::-ms-expand {
	display:none;
}

input[type="radio"] 
{
	bottom: 2px;
}
textarea
{
	text-align: left;
	color: #333333;
}

.picker
{
	display: table;
	border-spacing: 0px;
	white-space:nowrap;
	border: none;
	width: 100%;
}
#matchDate .picker,
#receiptDate .picker {
	width: auto;
}

.picker input[type="text"] {
	border: none;
	box-shadow: none;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .8125rem;
	line-height: 1.42857;
	background-color: #fff;
	border: 1px solid #d9d9d6;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	box-shadow: none;
	color: #444;
	display: inline-block;
	font-family: "Fira Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight: 400;
	padding: 5px 5px;
	vertical-align: top;
}
.picker input[type="text"]:focus
{
	border: solid 1px #00a9ce;
	outline: none;
}
	.picker input[type="text"]:hover:not(:focus) {
		border: solid 1px rgba(0,0,0,.6);
		outline: none;
	}
.picker span
{
/*	display: table-cell;
	border:none;
	width: 100%;
	padding: 0px 6px 0px 0px;
	vertical-align: bottom;
	line-height: 17px;*/
}
.control-infotip {
	margin-top: 8px;
	margin-left: 5px;
	color: #00A9CE;
}

.picker textarea
{
	width: 100%;
}

/*.picker input[type="button"], .picker img // is this in use???
{
	border: none;
	vertical-align:top;
}*/
.picker .lbl
{
	display:table-caption;
}

#htmlWrap
{
	border: 1px solid #cdcdcd;
	border-radius:5px;
	margin: 3px;
	padding: 3px;
}

.wrapUp
{
	margin: 3px 3px 3px 2px;
}
.frameBodyWrapUp,
.wrapUp form {
	background: #fff;
	border-radius: 3px;
	padding: 5px;
}
    .wrapUp form.formWithMultipleContainers {
        background: #EBEBEB !important;
		padding: 0px;
    }

body.wrapUp
{
	height:auto;
	padding-bottom:12px;
	margin:auto;
}

div.wrapUp{
	position:static !important;
	margin:auto;
}

.pickercontainer {
	align-items: stretch;
	background-color: transparent;
	border-radius: 3px;
	color: #444;
	display: flex;
	height: 100%;
	padding: 0;
	position: relative;
	width: 100%;
}

	.pickercontainer a {
		text-decoration: none;
		color: #444;
		box-sizing: border-box;
		outline:none;
	}

		.pickercontainer a:hover {
			text-decoration: none;
			color: #00a9ce;
		}

		.pickercontainer a:after {
			font-family: 'Font Awesome 5 Pro';
			font-weight: 900;
			content: "\f141";
		}

.pickerbutton {
	align-items: center;
	display: flex;
	height: auto;
	justify-content: center;
	padding: 0;
	width: 32px !important;
	border: 1px solid #d9d9d6;
	border-left: 0;
	border-radius: 0px 3px 3px 0px;
	color: #444;
	font-size: .8125rem;
	line-height: 1.42857;
	background-color: #fff;
}


	.pickerbutton:hover, .datePickerButton:hover {
		background: #e5f8ff;
		color: #00a9ce;
		cursor: pointer;
	}

#MaterialTypePopUpPicker_btn,
.multilinepickerbutton {
    margin-left: 5px;
    border: 1px solid #d9d9d6;
    border-radius: 3px;
    height: 25px;
	width: 30px !important;
}

.pickerbuttonD, .pickerbutton.dsbld, .pickerbutton:disabled
{
    background-color: rgba(0,0,0,0.12);
	color: rgba(0,0,0,0.26);
	border:none;
	cursor:not-allowed;
	width:32px !important;
	border-radius: 0px 3px 3px 0px;
}

.datePickerButton {
	align-items: center;
	display: flex;
	height: auto;
	justify-content: center;
	padding: 0;
	width: 32px !important;
	border: 1px solid #d9d9d6;
	border-left: 0;
	border-radius: 0px 3px 3px 0px;
	color: #444;
	font-size: .8125rem;
	line-height: 1.42857;
	background-color: #fff;
}
.dpb
{
	display:inline-block;
	border: none !important;
	cursor: pointer;
	background: url(/neo/ui/images/calendar.gif) no-repeat center center !important;
	border-radius:0px !important;
	height: 18px !important;
	width: 18px !important;
}

.datePickerButtonD, .dataPickerbutton.dsbld
{
    background-color: rgba(0,0,0,0.12);
	color: rgba(0,0,0,0.26);
	border:none;
	cursor:not-allowed;
	width:32px !important;
	border-radius: 0px 3px 3px 0px;
}
.orgPickerButton {
	border: none !important;
	cursor: pointer;
	border-radius: 0px !important;
	background: transparent;
	color: #00a9ce;
	height:30px;
	vertical-align:top;
}
.orgPickerButton:focus
{
	color:#297795;
	outline:none;
}
	.orgPickerButton:hover {
		background: #e5f8ff;
		border-radius: 50% !important;
		color: #297795;
		outline: none;
		text-decoration: none;
	}
.orgPickerButtonD, .orgPickerButton.dsbld
{
	
}
.pickerfilebutton {
	align-items: center;
	display: flex;
	height: auto;
	justify-content: center;
	padding: 0;
	width: 32px !important;
	border: 1px solid #d9d9d6;
	border-left: 0;
	border-radius: 0px 3px 3px 0px;
	color: #444;
	font-size: .8125rem;
	line-height: 1.42857;
	background-color: #fff;
}

.pickerfilebuttonD, .pickerfilebutton.dsbld
{
	padding: 0px 0px 0px 18px;
	display:table-cell;
	border: none !important;
	cursor: default;
	background: url(/neo/ui/images/browsefile_b_d.png) no-repeat right center !important;
	height: 18px;
	width: 18px;
}

.imgBtn
{
	vertical-align:middle;
	padding:5px;
}

.fieldBlockContainer
{
	display:table;
	border-spacing: 0px;
	width:100%;
	margin-bottom:4px;
	background-color:#fff;
	padding:7px;
	border-radius:3px;
	box-sizing:border-box;
}
.fieldBlock
{
	display:table-cell;
	padding-right:3em;
	vertical-align: top;
}
.fieldBlock select, .fieldBlock input[type="text"]:not(.datePicker)
{
	width:100%;
}
.fieldBlock input[type="text"].datePicker
{
	width:75px;
}
.fieldBlock .picker, .fieldBlock > select, .fieldBlock .textField
{
	margin-bottom: 10px;
}

.fieldBlock.searchBlock
{
	padding-top: 16px;
}
.fieldBlock .dateGapBlock
{
	display:table-row;
	vertical-align:top;
}
.fieldBlock .rowBlock
{
	display:table-row;
	vertical-align:top;
}
.textGapBlock
{
	margin-bottom: 10px;
}
.textGapBlock div
{
	display:table-cell;
	vertical-align:bottom;
}
/*not using last-child couse ie 8 does not support it*/
.fieldBlock .dateGapBlock > div:first-child, .fieldBlock .dateGapBlock > div:first-child + div
{
	width:40%;
	display:table-cell !important;
}
.gapMark
{
	display:table-cell;
	padding: 0px 10px;
	background: url(/neo/ui/images/gapMark.png) no-repeat center;
}
#datePickerFrame {
	position: absolute;
	z-index: 80;
	border: 1px solid #EBEBEB;
	display: none;
	width: 200px;
	height: 215px;
	background-color: #fff;
}

.datePicker 
{
	min-width:65px;
}

.container-ir {
	padding: 10px;
	background: #fff;
	border-radius: 3px;
	margin-bottom: 5px;
}

/* TABLES */
.table-ir /* Width must be 100% in a page! */ {
	border-spacing: 7px 5px;
	border: none;
	margin: 0px;
	padding-right: 25px;
	width: 100%;
}

	.table-ir td select,
	.table-ir td input[type="text"],
	.table-ir td input[type="password"],
	.table-ir td textarea {
		box-sizing: border-box;
		width: 100%;
	}

	.table-ir .table-ir {
		border-spacing: 0px;
		border: none;
		margin: 0px;
		padding-right: 0px;
		width: 100%;
	}

.Table /* Width must be set in a page! */ {
	border-spacing: 0;
	border-collapse: collapse;
	border: none;
	margin: 0px;
}
.TableSpaced /* Width must be set in a page! */
{	
	border-spacing: 7px 5px;
	border:none;
	margin: 0px;
}
.Table tr
{
	height:26px;
}
.TableWithoutBorder
{
	margin: 0px 0px 0px 0px;
}

.inframepage
{
	width:100%;
	height:100%;
}

.TableTopic {
	font-weight: 500;
	font-size: 13px;
	white-space: nowrap;
	border: none;
	margin: 0px;
	padding: 3px;
	/*height: 48px;*/
	overflow: visible;
	flex-direction: row;
	align-items: center;
/*	padding: 0 5px;*/
	position: relative;
	color: #005f83;
	line-height:20px;
}

	.TableTopic span, .TableTopic label {
		display: flex;
	}
span.TableTopic {
	font-size: 15px;
}

.TableTopic span:after, .TableTopic label::after {
	content: "";
	height: 9px;
	flex-basis: 100%;
	border-bottom: 1px solid rgba(0,0,0,.12);
	margin-left: 16px;
}
	.TableTextData /* "Normal cell" with white background */ {
	background-color: #ffffff;
	text-align: left;
	padding-right: 3pt;
	padding-left: 3pt;
	border: 1px solid #cdcdcd;
	vertical-align: middle;
}

.TableEventInfo
{
	border-spacing:0;
	border-collapse:collapse;
	border:none;
	margin: 0px;
}

.TrEventInfoHeader
{
	height:25px;
}

.TrEventInfoData
{
	height:20px;
}

.TableTextDataEventInfo
{
	background-color: #f7f8fc;
	text-align: left;
	padding-right: 3pt;
	padding-left: 0.6em;
	border:none;
	border-radius: 4px;
	vertical-align:middle;
	word-break:break-all;
}

.EventInfoTableHeader
{
	text-align: left;
	padding-left: 3px;
	vertical-align:bottom;
}

.TableTextDataAgreementCurrency /* "Normal cell" with white background */
{
	background-color: #ffffff;
	text-align: left;
	
	padding-right: 3pt;
	padding-left: 3pt;
	
	border: 1px solid #cdcdcd;
}

.TableTextBrown  /* Textcell, coloured background */
{
	text-align: left;
		
	padding-right: 3pt;
	padding-left: 3pt;
	
	vertical-align: middle;
}

.TableTitle
{
	padding-left: 7px;
	height: 26px;
	padding:5px;
}

#ForeignInvoicePanelTable .TableTitle,
#AddInfoPanelTable .TableTitle {
	display: inline-block;
}

.TableTitleB
{
	padding-left: 7px;
	height: 40px;
	vertical-align:bottom;
}
.TableTitleT
{
	padding-left: 7px;
	vertical-align:top;
}

.TableTitleEmpty  /* "Empty" title cell, coloured background */
{
	text-align: left;
		
	padding-right: 3pt;
	padding-left: 3pt;
	
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
}

.TableTitleUpAlign
{
	text-align: left;
	vertical-align: top;

	height: 26px;
	white-space: nowrap;	/* No text wrapping, because of background image! */
	
	border:none;
	padding-left: 7px;
}


.TableTitleButtonButtonBackground  /* laskunumerolinkki */
{
	text-align: left;
	vertical-align: middle;	
	
	white-space: normal;
	background:none !important;
	border: none !important;
	padding: 3px;
	
	cursor: pointer;
}

/* FORM TABLES */

/* Errors */ 

.error
{
	border: solid 1px #ff5050 !important;
	font-weight: 500;
	color: #ff3030 !important;
}
.erroritem_error
{
	color:#f95459;
}
.erroritem_warning {
	color: #444;
}
.erroritem_info
{
	color: #444;
}

.ErrorFrame 
{
	DISPLAY: none; 
	Z-INDEX: 101; 
	POSITION: absolute; 
	top: 15%; 
	left: 15%;
	width: 400px;
	height: 229px;
	margin: 0;
	box-shadow: 5px 5px 10px #aa9;
}
.adialog > .dialogframe
{
	width:100%;
	height:100%;
	margin:0px;
	border:none;
	border-radius:3px;
	background-color:transparent !important;
}
.adialog.extHdrInUse > .dialogframe {
	margin-top:35px;
	margin-bottom:42px;
}
.adlgshim {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	background-color: rgba(0,0,0,.32);
}

/*IE requires this so it can view adialog over pdf*/
.adlgifrmshim {
	position: absolute;
	display: block;
}
.adialog
{
	display: none; 
	background-color: #fff;
	position: absolute; 
	top: 120px; 
	left: 150px;
	width: 500px;
	height: 400px;
	border-radius:3px;
	box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
	padding:0px 0px 1px 0px;
}
.aDldResize {
	background: url(/neo/ui/images/resize.png) no-repeat right bottom;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 10px;
	width: 10px;
	border-bottom-right-radius: 3px;
	cursor:nwse-resize;
}
.adialog.extHdrInUse {
	padding-bottom:46px;
}

/* WEBCONTROL DEFINITIONS */
/* BASEDATAGRID */
.DGTable
{
	background-color: #fff;
	border-collapse: collapse;
	border-radius:3px;
	margin: 0px 0px 6px 0px;
}
/*.DGTable a, .DGTable a:hover, .DGTable a:visited, .DGTable a:active
{
	color:#336699;
	text-decoration:none;
}*/

.DGTable tr
{
	text-align: left;
	height:30px;
	border-bottom: 1px solid #ebebeb;
    color: #444;
    padding-bottom: 10px;
    padding-top: 10px;
	line-height: 1.42857;
}
.DGTable tr:hover:not(.DGHeaderTR)
{
	background:#f8f8f8;
}
.DGTable tbody.evenbcg {  }
.DGTable td
{
	border: none;
	padding: 2px 5px;
}
.DGTable tr.DGHeaderTR
{
	color: #999;
	font-weight: 500;
	font-size: .8125rem;
	text-align: left;
	background-repeat: repeat-x;
	vertical-align: middle;
	white-space: nowrap;	/* No text wrapping, because of background image! */
}
.DGTable tr.DGHeaderTR .DGHeaderTD
{
	padding: 0px 5px;
	white-space: nowrap;
}
.DGTable tr.DGHeaderTR .DGHeaderTD a, .DGTable tr.DGHeaderTR .DGHeaderTD a:hover
{
	color: #999;
	font-weight: 500;
	font-size: .8125rem;
    line-height: 1.42857;
	padding: 0px;
	text-decoration:none;
}
.NoBorder 
{ 
	border:none !important;
}
.DGHeaderLeftAndBottomBorder
{
	border-left: 1px solid #cdcdcd !important;
	border-bottom: 1px solid #cdcdcd !important;
}
.DGHeaderBottomBorder
{
	border-bottom: 1px solid #cdcdcd !important;
}

.sortAsc:after {
	content: "\f885";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	color: #5BB8EE;
}
.sortDesc:after {
	content: "\f160";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	color: #5BB8EE;
}
.sortAsc a, .sortDesc a
{

}

.DGTable tr.DGPagerTR
{
	display: none;
}
#DelayGrid input
{
	margin-top: 1px;
	margin-bottom: 1px;
}

.DGTable tr.DGEditItem
{
	vertical-align: middle;
	height: 28px;
}
.DGTable td.DGItemTDNumber, .DGTable td.DGMoney, .DGTable td.DGDouble, .DGTable td.DGNumber
{
	white-space: nowrap;
	text-align:right;
}
.DGTable td.matchQuantitys {
	padding:0;
	white-space: nowrap;
	text-align:center;
}
.DGTable tr.DGRowEmp
{
	color:#ff8040;
	font-weight: 500;
}
.DGTable tr.DGRowEmph
{
	color:#ff8040;
	font-weight: 500;
}
.DGTable tr.DGRowEmpError
{
	color:#f00;
	font-weight: 500;
}
.DGTable tr.DGRowEmpErrorNoBold
{
	color:#f00;
}
.DGTable tr.DGRowEmpOnlyBold
{
	font-weight: 500;
}
.DGTable tr.DGFooterTR
{
	border:none;
}
.DGTable tr.DGFooterTR input[type="submit"], .DGTable tr.DGFooterTR input[type="button"]
{
	margin: 3px 0px 3px 0px;
}
/*.DGTable input[type="text"] 
{ 
	margin: 1px 0px 1px 0px;
}*/
.DGTable td.ItemEmp
{
	color:#ff8040;
	font-weight: 500;
}
.someTdPadding TD
{
	padding: 0px 3px 0px 3px;
}
.marginTopSmall
{
	margin-top: 3px;
}
.paddingTopSmall
{
	padding-top: 3px;
}
.paddingTopMedium
{
	padding-top: 6px;
}
.paddingRightHigh
{
	padding-right: 12px;
}
.paddingLeftZero {
	padding-left: 0px;
}
.paddingLeftMedium
{
	padding-left: 6px;
}
.paddingLeft10px {
	padding-left: 10px;
}
.paddingLeftExtraLarge {
	padding-left: 20px;
}
.paddingTopHigh
{
	padding-top: 12px;
}
.paddingTopHigh2
{
	padding-top: 16px;
}
.marginTopMedium
{
	margin-top: 6px;
}
.marginTopHigh
{
	margin-top: 12px;
}
.marginLeftSmall
{
	margin-left: 3px;
}
.marginLeftMedium
{
	margin-left: 6px;
}
.marginLeftHigh
{
	margin-left: 12px;
}
.marginLeftHuge
{
	margin-left: 24px;
}
.marginBottomSmall
{
	margin-bottom: 3px;
}
.marginBottomMedium
{
	margin-bottom: 6px;
}
.marginBottomHigh
{
	margin-bottom: 12px;
}
.paddingBottomMedium {
	padding-Bottom: 7px;
}
.paddingBottomHigh {
	padding-Bottom: 12px;
}
.marginHigh {
	margin-top: 10px;
	margin-bottom: 10px !important;
	margin-left: 10px;
	margin-right: 12px;
}
/*for dialog box content*/
.marginleft10px{
	margin-left:10px;
}
.padding10px{
	padding:10px;
}
.padding4px {
	padding: 4px;
}
.EmpBasic, .EmpCashDiscount, .EmpSaveDate, .EmpOverDue
{
	color:#ff8040;
	font-weight: 500;
}
.EmpError
{
	color:#f00;
	font-weight: 500;
}

p.nowrap, td.nowrap, span.nowrap
{
   white-space: nowrap;
}

.eventTypeSettings 
{ 
	width:900px;
}

/* TABBED PANEL CONTROL */
.TabbedPanelControl
{
}
.TabbedPanelControl.TabPanelLeftFrame
{
	min-width: 380px;
	padding:0px;
	
}
.TabbedPanelControl.TabPanelRightFrame
{
	top: 0px;
	left: 0px;
	right: 0px;
}
.TabbedPanel {
	background: #fff;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	padding: 7px;
	top: 0px;
	left: 0px;
	right: 0px;
}
.TabbedPanel input[type="text"].fullWidth, .TabbedPanel textarea.fullWidth
{
	box-sizing:border-box;
}

.TabbedPanel.ToHeight {
	bottom: 0px;
}

.TabbedPanel.OverflowAuto
{
	overflow:auto;
}

div.tabBtnContainer {
	background-color: #fff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 5px 0px 2px 0px;
	line-height: 35px;
	border-bottom: 1px solid rgba(0,0,0,.12);
}

div.tabBtnContainer a.dsbld {
	padding: 2px 8px 2px 8px;
	margin-left: 1px;
	text-decoration: none;
	white-space: nowrap;
	color: #00000061;
	border-radius:1px;
	padding-bottom: 11px;
    padding-top: 11px;
	outline:none;
}

a.tab, a.tab:active {
	background-color: #ffffff;
	padding: 3px 8px 2px 8px;
	margin-left: 0px;
	text-decoration: none;
	color: #333;
	white-space: nowrap;
	outline: none;
}

/*	a.tab:hover {
background: #00A9CE;
color: #333;
}*/

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited, a.tab.activeTab:active {
    font-weight: 500;
    background-color: #ffffff;
    border-bottom: 2px solid #00A9CE;
    padding: 3px 8px 2px 8px;
    margin-left: 0px;
    text-decoration: none;
    color: #333;
    white-space: nowrap;
    outline: none;
	padding-bottom: 10px;
}

a.tab.tabError, a.tab.tabError:hover, a.tab.tabError:visited, a.tab.tabError:active {
    border-bottom: 2px solid #F95459;
	padding-bottom: 10px;
}

.block
{
	display:block;
	padding-bottom:3px;
}
.inlineblock {
	display:inline-block;
}
.inline {
	display:inline;
}
ul.uiflow {
	box-sizing:border-box;
	margin:0;
	padding:0;
	padding-left:10px;
	padding-bottom:5px;
	padding-right:5px;
	white-space:nowrap;
}
ul.uiflow.float {
	display:inline-block;
	float:left;
	margin-right:30px;
}
ul.uiflow li{
	list-style:none;
	padding-top:7px;
	vertical-align:bottom;
	padding-right:0.5%;
	padding-left:0.5%;
}
ul.uiflow li.gapMark {
	height:2em;
	margin-left:16px;
}
ul#voucherDatesDiv li.gapMark {
	-moz-margin-start: 0px;
}
ul.uiflow li.legend {
	list-style: none;
	padding-top: 15px;
	margin-left: -4px;
	font-weight: 500;
	font-size: 13px;
}
ul.uiflow li.legend.lowTopPad{
	padding-top:10px;
}
ul.uiflow li input[type="text"]
{
	box-sizing:border-box;
}

ul.uiflow *{
	width:100%;
}
ul.uiflow textarea {
	overflow:auto;
	white-space:pre-wrap;
	word-break:keep-all;
	resize:none;
}
ul.uiflow .autoWidth *{
	width:auto;
}
ul.uiflow li.inlineblock table * {
	width:auto;
}
ul.uiflow li.w-1 {
	width:11.5%;
}
ul.uiflow li.w-2 {
	width:24%;
}
ul.uiflow li.w-3 {
	width:36.5%;
}
ul.uiflow li.w-4 {
	width:49%;
}
ul.uiflow li.w-5 {
	width:61.5%;
}
ul.uiflow li.w-6 {
	width:74%;
}
ul.uiflow li.w-7 {
	width:86.5%;
}
ul.uiflow li.w-7-5 {
	width: 90%;
}
ul.uiflow li.w-8 {
	width:99%;
}
ul.uiflow *.btn_search {
	margin-left:0px;
	margin-top:16px;
}
.floatr {
	float:right;
}
.floatl {
	float:left;
}

/* BUTTON */
.button
{
	margin-left: 5px;
}

/* LISTBOX */
.listbox
{
	border: 0;
}

/* FILEFIELD */
.filefield
{
	height: 22px;
}

.organizationtreeframe
{
	border-style: solid;
	border-width: 1px;
	border-color: Gray;
}

.handlergrouptreeframe
{
	border-style: solid;
	border-width: 1px;
	border-color: Gray;
}

/* TREE CONTROL */
.TreeControlSelectedNode
{
	font-weight: 500;
	background-color: #ebebeb;
	text-decoration: none;
	cursor:pointer;
	padding: 5px;
	margin-left : 0px !important;
}
.TreeControlNode
{
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	margin-left: 0px !important;
}
.TreeControlNode:Hover
{
	text-decoration: underline;
	cursor:pointer;
}
.TreeControlNodeDisabled
{
	font-style: italic;
	font-weight: normal;
	color: Gray;
}

.pickerHeader
{
	padding: 5px;
	background: #fff;
    margin-bottom: 5px;
    border-radius: 3px;
}
.pickerHeader input[type="submit"]
{
	margin-left: 4px;
}
.pickerContent
{
	border-radius:3px;
	overflow:auto;
	padding-left:6px;
	padding-right:6px;
}
.pickerContent .DGTable
{
	padding-top:3px;
	margin-bottom: 0px;
}
.pickerContent.useborder
{
	margin-top:5px;
	/*border: 1px solid #cdcdcd;*/
}
.pickerContent.bottomborder
{
	
}
.pickerFooter
{
	height:30px;
	padding:5px;
	position:relative;
	bottom:0px;
	clear:both;
	border-top: 1px solid #ebebeb
}
.pickerFooter
{
	margin-top: 3px;
}
#mainpopup .pickerFooter
{
	/*position:absolute;*/
}

.wordFormatDiv
{
	width:210px; 
	height:230px; 
	position:absolute; 
	border:1px inset #cdcdcd; 
	padding:5px; 
	display:none;
	background-color: #fff;
	box-shadow: 10px 10px 5px #888888;
}
.wordFormatDiv button
{
	border: 1px solid #cdcdcd;
	border-radius:3px;
    font-family: arial, helvetica, sans-serif;

	font-size:12px;
	margin-right: 1px;
	color: #333;
	background: url(/neo/ui/images/bggray.png) repeat-x;
}

.formatTable
{
	width: 100%;
	height: inherit;
}
#hidden_button
{
	border:none;
	display:none;
}

#AttTableSettings
{
	width:100%;
	border:none;
	background:#fff;
	border-radius:3px;
}
.AttSettingsPanel
{
	position:absolute; 
	top:0px; 
	right:0px; 
	bottom:0px; 
	left:0px;
	overflow:auto;
}
.basicBox
{
	left:0px;
	right:0px;
}

.wordTable
{
	border:none;
	border-collapse:collapse;
	margin-right: 20px;
}
.wordTable tr
{
	border-bottom:1px solid #cdcdcd;
}
.wordTable th
{
	text-align: left;	
	font-weight: bolder;
	border: solid 1px #cdcdcd;
	background: #ebebeb;
	background-position:top;
	
}

.wordTable th.basicheader
{
	color: #333;
	background-color: Transparent;
	background-image: none;
	border-style: none;
	padding-top: 1em;
}

.noBorder
{
	border:none !important;
}

.wordTable.indent
{
	margin-left: 15px;
}

.wordTable td
{
	white-space: nowrap;	
	border:none;
	border-right: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
}

.wordTable input,
.wordTable select {
	margin: 2px;
}
.wordTable input,
.wordTable span {
	box-sizing: border-box;
}
.wordTable.indent input,
.wordTable.indent span {
	box-sizing: content-box;
}

td.wordTableCheckBox {
	padding-bottom: 7px;
	padding-left: 2px;
}

.operImg
{
	width: 96px;
	height: 19px;
	border-style: none;
}
.wordTable td:first-child
{
	border-left: solid 1px #a8a593; 
}

.Tbtn
{
	vertical-align:top;
	border:none !important;
	padding:0px 0px 0px 0px;
}

.editBtn
{
	background: url(/neo/ui/images/edit_b.gif) no-repeat !important;
	height:17px;
	width:17px;
}
.delBtn
{
	background: url(/neo/ui/images/delete_b.gif) no-repeat !important;
	height:17px;
	width:17px;
}
.newBtn {
  
  width:17px;
  height:17px;
}
.searchBtn {
  background: url(/neo/ui/images/magnifier.png) no-repeat !important;
  width:17px;
  height:17px;
   margin:4px 0px 0px 0px !important;
  padding:0px !important;
}
.moreCircleBtn {
  background: url(/neo/ui/images/more_circle.png) no-repeat !important;
  width:17px;
  height:17px;
}
.lessCircleBtn {
  background: url(/neo/ui/images/less_circle.png) no-repeat !important;
  width:17px;
  height:17px;
}
.dsbld
{
	color: #808080 !important;
	background-color:transparent;
	text-decoration: none !important;
	cursor:default !important;
	pointer-events: none;
}
.noHover {
	pointer-events: none;
}
#ViewerPanel
{
	padding: 2px;
}

.matchIconOnPosting {
	float:right;
	margin-left: 3px;
}

.fullWidth
{
	width: 100%;
	background:#fff;
	border-radius:3px;
}
.full-width-border-box {
	width: 100%;
	background: #fff;
	border-radius: 3px;
	box-sizing: border-box;
}

.fullHeight
{
	height: 100%;
}

.bhAuto {
	height:auto;
}

.bw5 
{ 
	width:70px;
}
.bw6 
{ 
	width:90px;
}
.bw7 
{ 
	width:110px;
}
.bw8 
{ 
	width:130px;
}
.bw9 
{ 
	width:150px;
}
.bw10 {
	width: 182px;
}
.bwA
{
	width:170px;
}
.bwB
{
	width:190px;
}
.bwC
{
	width:210px;
}
.bwD
{
	width:230px;
}
.bwE
{
	width:250px;
}
.bwE1 {
	width: 239px;
}
.bwF
{
	width:260px;
}
.bwF1
{
	width:273px;
}
.bwG
{
	width:280px;
}
.bwH
{
	width:300px;
}
.bwHT {
	width: 380px;
}
.bwI
{
	width:320px;
}
.bwK
{
	width:174px;
}
.bwL
{
	width:28px;
}
.eiA 
{
	width: 91px;
}
.eiB
{
	width: 151px;
}
.eiC
{
	width: 257px;
}
.eiD 
{
	width: 535px;
}
.eiE 
{
	width: 95px;
}
.eiF
{
	width: 157px;
}
.eiG 
{
	width: 265px;
}
.eiH 
{
	width: 550px;
}
.eiI 
{
	width: 90px;
}
.eiJ 
{
	width: 113px;
}
.eiK 
{
	width: 30px;
}
.eiL 
{
	width: 94px;
}
.eiM 
{
	width: 118px;
}
.eiN
{
	width: 257px;
}
.eiO 
{
	width: 89px;
}
.eiP 
{
	width: 570px;
}
.LabelSheetLook {
	border:1px solid #fff;
	background-color: #ebebeb;
	border-radius: 4px;
	min-height:19px;
	line-height:19px;
	vertical-align:middle;
	display:block;
	box-sizing:border-box;
	padding-left:4px;
	padding-right:4px;
}
.LabelSheetLook.mergeToLeft {
	display: table-cell;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	padding-right:5px;
}
.LabelSheetLook.mergeToRight {
	display: table-cell;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
.ArchivePrintTypedropdownlist {
	width: 216px;
	height: 27px;
	padding-top: 4px;
	margin-left:6px;
}
.ArchiveEventInfo {
	background-color: rgba(0,0,0,.04);
	padding-top: 3px;
	padding-right: 3pt;
	padding-bottom: 3px;
	padding-left: 0.6em;
	border: none;
	border-radius: 3px;
	min-height: 20px;
	vertical-align: top;
	word-break :break-all;
	display: inline-block;
}
.ArchiveEventInfoRight
{
	background-color: rgba(0,0,0,.04);
	text-align: right;
	padding-top: 3px;
	padding-right: 3pt;
	padding-bottom: 3px;
	padding-left: 0.6em;
	border: none;
	border-radius: 3px;
	min-height: 20px;
	vertical-align: top;
	word-break: break-all;
	display: inline-block;
}
.ArchiveTextEventInfo
{
	background-color: #f7f8fc;
	text-align: left;
	padding-right: 3pt;
	padding-left: 0.6em;
	border: none;
	border-radius: 4px;
	vertical-align: middle;
	word-break: break-all;
}
.EventInfoTextBox {
	border: none !important;
	background-color: rgba(0,0,0,.04);
	text-align: left;
	border-radius: 4px;
	vertical-align: top;
	word-break: break-all;
	padding-left: 0.6em;
}
.ArchiveEventInfoLabel
{
	text-align: left;
	word-break: break-all;
}
.ArchiveEventInfoAlign 
{
	vertical-align: top;
}
td.tdArchive {
	width: 545px !important;
}
.DivEventInfoListBox select {
	border: none;
	background-color: transparent;
	text-align: left;
	border-radius: 4px;
	vertical-align: top;
	word-break: break-all;
}
td.tdArchive input {
	box-sizing: border-box;
}
.DivEventInfo {
	padding: 5px;
}
.textArea {
	box-sizing: border-box;
	/*padding: 0px 0px 0px 0px;*/
}
.border1px
{
	border: 1px solid #cdcdcd;
}
.bold 
{ 
	font-weight: 500; 
}
.aeiGap
{
	background-color: transparent;
	height: 8px;
	width: 10px;
	display: inline-block;
}
.aeiEmpty
{
	background-color: #fff;
	height: 2px;
}
#imgViewImg 
{
	image-rendering: optimizeQuality;
}

ul.searchForm {
	list-style-type:none;
	display:table-cell;
	padding: 0px 30px 0px 3px;
}

ul.searchForm li {
	margin-top:6px;
}

ul.searchForm li > select, ul.searchForm li > input {
	width:100%;
}
ul.pager {
	list-style-type:none;
	float:right;
	margin-top:5px;
	margin-bottom:7px;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
ul.pager li {
	display:inline;
	border:1px solid #CDCDCD;
	padding: 4px 13px 4px 13px;
}
ul.pager li.nos {
	/*background: url(/neo/ui/images/bggray.png) repeat-x;*/
	border-right:none;
	border-left:none;
	color:#333;
}
ul.pager li.prev {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	cursor:pointer;
}
ul.pager li.next {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	cursor:pointer;
}
.transp {
	visibility:hidden;
}

.matched10:before,
.matched20:before,
.matched40:before,
.matched50:before {
	content: "\f00c";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
}

.rotate-45-left {
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

select.ng-dirty.ng-invalid {
	border: 1px solid #F95459;
}
input.ng-dirty.ng-invalid {
	border: 1px solid #F95459;
}
input.ng-dirty.ng-invalid.ng-valid-required { 
	border: 3px solid #F95459;
}

input.ng-invalid-negative {
  border: 3px solid #F95459;
}
.cursor_pointer {
	cursor:pointer;
}
.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.truncate {
	display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.maxEm10 {
	max-width: 10em;
}
.maxEm12 {
	max-width: 12em;
}
.maxEm17 {
	max-width: 17em;
}
.maxEm23 {
	max-width: 23em;
}

.NewImageLinkButton {
  display:inline-block;
  width:17px;
  height:17px;
  text-decoration:none !important;
  margin-left:5px;
  outline:none;
}
.NewImageLinkButton:after {
	font-weight: 900;
	content: "\f055";
}
.orderMtcQuantitys {
	border-width:2px;
	border-style:solid;
	border-radius:5px;
	padding: 0px 5px;
	background-color: #fff;
}
.orderMtcQuantitys.receipt {
	border-color: #f3dd44;
}
.orderMtcQuantitys.ordered, .orderMtcQuantitys.receiptFull {
	border-color: #e8e1e8;
}
.orderMtcQuantitys.mtcUnder {
	border-color: #fbb117;
}
.orderMtcQuantitys.mtc10 {
	display:none;
}
.orderMtcQuantitys.mtc20 {
	border-color: #aae8ff;
}
.orderMtcQuantitys.mtc40 {
	border-color: #89b1dc;
}
.orderMtcQuantitys.mtc50 {
	border-color: #3bb9ff;
	border-radius:8px;
	font-weight:900;
}
.orderMtcQuantitys.thisSession {
	border-color: #8ff74e;
}
.matchingsInThisSession:after {
	content: "\f422";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	color: #5BB8EE;
	float: right;
}
.orderMtcQuantitys.noemphasize {
	border:none;
	margin-left:1px;
}
.matchInfo {
	display:table-cell; 
	float:right; 
	border:1px solid #cdcdcd;
	border-radius:2px;
	background-size:18px;
	background-repeat:no-repeat;
	background-position:6px center;
	padding: 1px 6px 1px 32px;
	margin-left:1px;
}
.matchInfo div {
	text-align:right;
}
.matchInfo.invoice {
	/*background-color:#ccfcd3;*/
	background-image:url(/neo/ui/images/InvoiceReady_Invoices_Module1.png);
}
.matchInfo.matched {
	/*background-color:#dcf7ff;*/
	background-image:url(/neo/ui/images/InvoiceReady_Matching.png);
	
}
.matchInfo.quantities {
	background-image:url(/neo/ui/images/matching-quantities.png);
}

.msclear::-ms-clear {
  width : 0;
  height: 0;
}
.bdg_excel_export {
	display:none;
}
.gridMenu {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
	background-color: #fff;
    width: 180px;
    position: absolute;
    z-index: 5;
	box-shadow: -1px 1px 8px #cdcdcd;
}
.gridMenu a.cancel {
    display: block;
    height: 22px;
	background: url('/neo/ui/images/cancel.gif'),linear-gradient(135deg, #ffffff 0%,#f3f3f3 0%,#ededed 61%,#ffffff 87%);
    background-repeat: no-repeat;
    background-size: 16px, 100%;
    background-position-x: 97%;
    background-position-y: 2px, 0px;
	cursor:pointer;
}
.gridMenu a.choise{
	display:block;
	margin:12px 0px 10px 6px;
	height:16px;
	background-repeat:no-repeat;
	background-position-x:0%;
	background-size:18px;
	cursor:pointer;
}
.gridMenu a.choise.anim{
	animation: gridMenuItemSelected 1s infinite ease-in-out;
}
@keyframes gridMenuItemSelected {
  0%   {opacity:0.3; }
  15% { opacity:1; }
  85% { opacity:1; }
  100% { opacity:0.3; }
}
.gridMenu a.choise span {
	display:block;
	margin-left:25px;
}

td.gridMenuColumn {
	background: linear-gradient(to bottom, rgba(32,124,202,0) 51%,rgba(39,134,213,0) 88%,rgba(41,137,216,0.75) 97%,rgba(125,185,232,1) 100%);
	/*border-bottom is workaround for issue IR-1162 whole column is not highlighted in laptop's screen with 125% scalling and Firefox)*/
	border-bottom: 1px solid #ebebeb;
}
td.gridMenuColumn.sortAsc {
}
td.gridMenuColumn.sortDesc {
}
.supplierPicker .picker .pickerbutton {
	float:left;
	margin-right:0;
}
.marginRight3 {
	margin-right: 3px;
}
.tdRightAlign {
    text-align:right;
}
/*Page Splitter CSS*/
.panel-container {
	display: flex;
	flex-direction: row;
	border: none;
	overflow: hidden;
	xtouch-action: none;
}

.panel-left {
	flex: 0 0 auto;
	width: 50%;
	white-space: nowrap;
	background-color: transparent;
	color: white;
    max-width:97%;
    min-width:30px;
}

.splitter {
	flex: 0 0 auto;
	width: 2px;
	background-color: #C1C1C1;
	min-height: 200px;
	cursor: col-resize;
    /*margin-left:4px;*/
}

.panel-right {
	flex: 1 1 auto;
	width: 49%;
	background-color: transparent;
}

.panel-container-vertical {
	display: flex;
	flex-direction: column;
	height: 100%;
	border: none;
	overflow: hidden;
}

.panel-top {
	flex: 0 0 auto;
	height: 60%;
	width: 100%;
	white-space: nowrap;
	color: white;
    min-height:20px;
}

.splitter-horizontal {
	flex: 0 0 auto;
	height: 2px;
	background-color: #C1C1C1;
	cursor: row-resize;
}

.panel-bottom {
	flex: 1 1 auto;
	height: 200px;
	background-color: transparent;
}
iframe {
	width: 100%;
	height: 100%;
	border: none;
}
.action-div {
	width: 100%;
	height: 50px;
    position: absolute;
    bottom:4px;
    background-color: white;
}
 /*Page Splitter CSS end*/

 /*CSS for angular modal on reporting*/
.ng-modal {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ng-modal-overlay {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #efefef;
	opacity: 0.6;
}

.ng-modal-dialog {
	z-index: 10000;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 40px 10px 30px 10px;
	border-radius: 3px;
	border: 3px solid #fff;
	box-shadow: 5px 5px 10px #aaa;
}

.ng-modal-dialog-content {
	overflow: hidden;
	height: 95%;
	margin-top:10px;
}

	.ng-modal-dialog-content table {
		max-width: 100% !important;
	}

.ng-modal-close {
	position: absolute;
	top: 0px;
	right: 5px;
	cursor: pointer;
	font-size: 120%;
	padding: 5px;
	display: inline-block;
}

.ng-modal-close-x {
	font-weight: bold;
	font-family: Arial, sans-serif;
}

.ng-modal-title {
	font-weight: bold;
	font-size: 200%;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 7px;
	border-bottom: solid 1px #999;
}

.ng-modal-header {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	height: 45px;
	border-bottom: 3px solid #00a9ce;
	color: #fff;
	text-align: left;
	white-space: nowrap;
	font-weight: 500;
	font-size: 16px;
	cursor: all-scroll;
}

	.ng-modal-header > span {
		margin-top: 12px;
		margin-left: 10px;
		text-align: left;
		float: left;
		color:#333;
	}
 /* angular modal CSS end */

/*Create Requistion Page CSS*/
.req-section {
	border: 1px solid #b4b5b6;
	border-radius: 3px;
	width: 100%;
	margin-bottom: 20px;
}

.req-section-header {
	padding-left: 10px;
	padding-top: 5px;
	color: #005F83;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
}

.req-section-img {
	float: left;
	padding: 5px 5px 5px 0;
	max-height: 50px;
	width: 75px;
	text-align:center;
	color:grey;
}

.webShopLogo{
	max-width:65px;
	max-height:50px;
}

.req-section-title {
	padding-top: 10px;
	padding-bottom: 5px;
	color: #00A9CE;
	font-size: 14px;
}

.vertical-separator {
	float: left;
	padding-left: 20px;
	border-right: 3px solid #ebebeb;
	height: 600px;
}

.section-left {
	display: inline-block;
	width: 980px;
	margin-right: 5px;
}

.section-right {
	display: inline-block;
	float: right;
	width: 295px;
	vertical-align: top;
}

.search-box {
	/*text-align: right;*/
}

.number-circle {
	border-radius: 50%;
	width: 12px;
	height: 12px;
	padding: 5px;
	background: #9EDEEC;
	color: #666;
	text-align: center;
	float: right;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}

.extWebShopTile {
	padding: 15px;
	text-align:justify;
}

.ui-widget {
	font-family: 'Fira Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
}
/*Create Requistion Page CSS Ends*/

/* -----------checkBox UI face lift start-------------*/

.checkboxlist td,
span.checkbox {
	display: inline-block;
	position: relative;
	padding-left: 22px;
	padding-right: 10px;
	padding-top: 2px;
	margin-bottom: 8px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
span.checkbox {
	padding-right: 0px !important;
}

table.DGTable td span.checkbox {
	padding-top: 5px;
}

	/* Hide the browser's default checkbox */
	.checkboxlist td input,
	span.checkbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	/* Create a custom checkbox */
	.checkboxlist td label::after,
	span.checkbox label::after {
		position: absolute;
		top: 0;
		left: 0;
		height: 18px;
		width: 18px;
		background-color: #eee;
		content: "";
		background-color: #fff;
		border: 1px solid #d9d9d6;
		border-radius: 3px;
		box-sizing: border-box;
	}

	/* On mouse-over, add a grey background color */
	.checkboxlist td:hover input ~ label::after,
	span.checkbox:hover input ~ label::after {
		background-color: #fff;
	}

	/* When the checkbox is checked, add a blue background */
	.checkboxlist td input:checked ~ label:after,
	span.checkbox input:checked ~ label:after {
		background-color: #00A9CE;
		border-radius: 3px;
		border-color: #00a9ce;
	}

	/* Hover effect and focus effect*/
	.checkboxlist td input:focus ~ label:after,
	span.checkbox input:focus ~ label:after,
	.checkboxlist td input ~ label:hover:after,
	span.checkbox input ~ label:hover:after {
		border: solid 1px #333;
		box-shadow: 0 0 4px rgba(0,169,206,.2);
		outline: none;
	}

	/* When the checkbox is disabled */
	.checkboxlist td input:disabled ~ label:after,
	span.checkbox input:disabled ~ label:after {
		border-color: #00000061;
	}

/* When the checkbox is checked, and disabled */
.checkboxlist td input:disabled:checked ~ label:after,
span.checkbox input:disabled:checked ~ label:after {
	background-color: #d9d9d6;
	border-radius: 3px;
	border-color: #d9d9d6;
}

	/* Style the checkmark/indicator */
	.checkboxlist td label:before,
	span.checkbox label:before {
		content: '';
		position: absolute;
		z-index: 4;
		left: 7px;
		top: 3px;
		width: 4px;
		height: 10px;
		border: solid white;
		border-width: 0 2px 2px 0;
		box-sizing: border-box;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
.checkboxlist.error,
span.checkbox.error {
	border: none !important;
}

	.checkboxlist.error label,
	span.checkbox.error label {
		color: #444 !important;
		font-weight: normal;
	}

		.checkboxlist.error label:after,
		span.checkbox.error label:after {
			border: solid 2px #F95459 !important;
		}
/* checkBox UI face lift End*/


/* -----------Radio button  UI face lift start-------------*/
td.verticalradiobtnlist span.radiobtn {
	display: block;
}

.radiobtnlist td,
span.radiobtn {
	display: inline-block;
	position: relative;
	padding-left: 22px;
	padding-right: 10px;
	padding-top: 2px;
	margin-bottom: 8px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


	/* Hide the browser's default radio btn */
	.radiobtnlist td input,
	span.radiobtn input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	/* Create a custom radio btn  */
	.radiobtnlist td label::after,
	span.radiobtn label::after {
		position: absolute;
		top: 0;
		left: 0;
		height: 18px;
		width: 18px;
		content: "";
		background-color: #fff;
		border: 1px solid #d9d9d6;
		border-radius: 50%;
		box-sizing: border-box;
	}

	/* On mouse-over, add a grey background color */
	.radiobtnlist td:hover input ~ label::after,
	span.radiobtn:hover input ~ label::after {
		background-color: #fff;
	}

	/* When the radiobtn is checked, add a blue background */
	.radiobtnlist td input:checked ~ label:after,
	span.radiobtn input:checked ~ label:after {
		background-color: #fff;
		border-radius: 50%;
		border-color: #00a9ce;
	}
	.radiobtnlist td input:disabled:checked ~ label:after,
	span.radiobtn input:disabled:checked ~ label:after {
		background-color: #fff;
		border-radius: 50%;
		border-color: #d9d9d6;
	}

	/* Hover effect and focus effect*/
	.radiobtnlist td input:focus ~ label:after,
	span.radiobtn input:focus ~ label:after,
	.radiobtnlist td input:not([disabled]) ~ label:hover:after,
	span.radiobtn input:not([disabled]) ~ label:hover:after {
		border: solid 1px #333;
		box-shadow: 0 0 4px rgba(0,169,206,.2);
		outline: none;
	}

	/* Style the checkmark/indicator */
	.radiobtnlist td label:before,
	span.radiobtn label:before {
		content: '';
		position: absolute;
		z-index: 4;
		left: 4px;
		top: 4px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #fff;
		box-sizing: border-box;
	}

	.radiobtnlist td input:checked ~ label:before,
	span.radiobtn input:checked ~ label:before {
		background: #00a9ce;
	}

	.radiobtnlist td input:disabled:checked ~ label:before,
	span.radiobtn input:disabled:checked ~ label:before {
		background: #d9d9d6;
	}

	.radiobtnlist.error,
	span.radiobtn.error {
		border: none !important;
	}

		.radiobtnlist.error label,
		span.radiobtn.error label {
			color: #444 !important;
			font-weight: normal;
		}

			.radiobtnlist.error label:after,
			span.radiobtn.error label:after {
				border: solid 1px #F95459 !important;
			}
/* Radio button face lift End*/

.containerwithheader
{
	background:#fff;
	border-radius:3px;
}
.OverflowAuto{
	overflow:auto;
}
.dropdownpicker {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.icon-color {
	color: #00a9ce;
}

/*login-logout css*/
.login-logout-container .LoginTable {
	position: relative;
	width: 500px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #cdcdcd;
}

.login-logout-container .PaddingTable {
	padding-left: 30px;
	padding-right: 30px;
	width: 100%;
}

.login-logout-container .tableTop {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #fff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.login-logout-container .tableBottom {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #f8f8f8;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}


.login-logout-container .tableInner {
	position: relative;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}

.login-logout-container .LoginTableHeight30 {
	height: 28px;
	vertical-align: bottom;
}

.login-logout-container .LoginTableHeight50 {
	height: 50px;
}


.login-logout-container .appNameText {
	font-weight: 500;
	color: #005F83;
	float: left;
	margin-top: 10px;
	margin-bottom: 2px;
	font-size: 22px;
}

.login-logout-container .verText {
	font-size: 10px;
	vertical-align: top;
}

.login-logout-container .Table {
	margin-top: 100px;
}


.login-logout-container #LanguageBtns {
	text-align: right;
}

.login-logout-container .langLink {
	padding: 0px 3px 0px 3px;
	color: #00A9CE;
	text-decoration: none;
}

.login-logout-container .fgPwLink {
	display: block;
	padding-right: 10px;
	color: #00A9CE;
	text-decoration: none;
	margin-left: 20px;
	padding-bottom: 10px;
}


.login-logout-container #CopyrightLabel {
	display: block;
	padding: 7px 0px 7px 0px;
}


.login-logout-container .langContainer {
	text-align: center;
	border: none;
	background: #f8f8f8;
	padding-top: 7px;
	border-top-color: rgb(205, 205, 205);
	border-top-width: 1px;
	border-top-style: solid;
}

.login-logout-container span {
	color: #6E7170;
	padding-left: 20px;
	float: left;
}

.login-logout-container .sectionBreak {
	margin-top: 100px;
	padding-top: 10px;
}

.login-logout-container .InfoboxLogo {
	height: 50px;
}

.login-logout-container .header-container {
	background-color: #fff;
	border-style: none;
	height: 45px;
	cursor: default;
	border-bottom: 5px solid #005f83;
}

.login-logout-container .logo-container {
	padding: .7em;
}

.login-logout-container div.header-logo {
	background-size: 7em 2em;
	background-image: url(/neo/UI/Images/basware-logo.svg);
	background-repeat: no-repeat;
	display: inline-block;
	height: 2em;
	margin: 0;
	vertical-align: middle;
	width: 7em;
}

.login-logout-container div.header-title {
	display: inline-block;
	font-size: 1.3em;
	margin-left: 1.5em;
	margin: 0;
	padding-left: .7em;
	vertical-align: middle;
	color: #00a9ce;
}

.login-logout-container #lostPassword {
	margin-top: -8px;
	display: block;
}

.login-logout-container #btnLogin,
.login-logout-container #btnLostPw {
	margin-left: 0px;
}

.login-logout-container input[type="text"],
.login-logout-container input[type="password"] {
	width: 60%;
}

/*login-logout css Ends*/
/*Icon Buttons*/
span.icon {
	position: relative;
}

	span.icon input[type="submit"] {
		border: none;
		background: none !important;
		color: #297795;
		margin-left: 0px;
		margin-top: 2px;
	}

.icon input[type="submit"]:hover {
	background: #e5f8ff;
}

.icon-edit:after {
	content: "\f303";
	font-size: 13px;
	position: absolute;
	right: 8px;
	bottom: 10px;
	pointer-events: none;
	color: #00a9ce;
}

.punchout-logo .icon-edit:after {
	bottom: 5px;
}
.icon-delete:after {
	content: "\f2ed";
	font-size: 13px;
	position: absolute;
	right: 8px;
	bottom: 10px;
	pointer-events: none;
	color: #00a9ce;
}
.icon-edit.dsbld:after,
.icon-delete.dsbld:after {
	color: #808080 !important;
	background-color: transparent;
	text-decoration: none !important;
	cursor: default !important;
	pointer-events: none;
}
.punchout-logo .icon-delete:after {
	bottom: 5px;
}

.icon-search:after {
	content: "\f002";
	font-size: 13px;
	position: absolute;
	right: 8px;
	bottom: 10px;
	pointer-events: none;
	color: #00a9ce;
}
/*Icon button End*/

/*Status colors*/
.green, .matched40:before {
    color: #5CBC69;
    cursor: pointer;
}

.red {
    color: #F95459;
    cursor: pointer;
}

.navy-blue, .matched50:before {
    color: #005F83;
    cursor: pointer;
}

.gray, .matched10:before {
    color: #00000042;
    cursor: pointer;
}

.yellow, .matched20:before {
    color: #FFB148;
    cursor: pointer;
}

.sky-blue {
    color: #5BB8EE;
    cursor: pointer;
}

.brown {
    color: brown;
    cursor: pointer;
}
.bw-color{
	color:	#00A9CE;
}
/*Status color end*/

.button-icon {
	
}
.button-icon:hover
{
	color: #00a9ce;
}
input[type="submit"].pickerIconButton {
	border: 1px solid #d9d9d6;
	border-radius: 0px 3px 3px 0px;
	background-color: #fff;
	border-left: 0px;
	margin-left: 0px;
	height: 30px;
}
.picker-icon:before {
	content: "\f141";
	font-size: 13px;
	position: absolute;
	left: 9px;
	bottom: 8px;
	pointer-events: none;
}
input[type="submit"].pickerIconButton:hover {
	background: #e5f8ff;
	cursor: pointer;
}
.handlersTextBox {
	box-sizing: border-box;
	height: 30px;
}
.pickerIconButton {
	box-sizing: border-box;
}

a.GridIconButton {
	padding: 10px 8px;
	text-align: center;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	outline: none;
	width: auto !important;
	height: auto !important;
}
a.GridIconButton:focus,
a.GridIconButton:hover {
	background: #e5f8ff;
	border-radius: 50%;
	outline: none;
	text-decoration:none;
	width:auto !important;
	height:auto !important;
}
.OrglevelHeader {
	font-weight: 500;
	font-size: 13px;
	white-space: nowrap;
	border: none;
	margin: 0px;
	overflow: visible;
	flex-direction: row;
	align-items: center;
	position: relative;
	color: #005f83;
	line-height: 20px;
}

.OrglevelHeader label {
		display: flex;
	}

.OrglevelHeader label::after {
	content: "";
	height: 9px;
	flex-basis: 100%;
	border-bottom: 1px solid rgba(0,0,0,.12);
	margin-left: 16px;
}
.orglevel
{
}
	.orglevel > :first-child {
		padding: 7px;
		background: #EBEBEB;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: inline-block;
		border-radius:3px;
		margin-right:4px;
	}
.orglevel button{
	width: auto !important;
}
.BasicButtonRow2 {
	background-color: #fff;
	margin-top: -6px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.VerticalIcons{
	display:table-cell;
	vertical-align:top;
}
.VerticalIcons a {
	display:block;
}
a.red:hover {
	color: #c60000;
}
a.far:hover{
	text-decoration:none;
}
span.lr-margin5{
	margin-left:5px;
	margin-right:5px;
}
#loading {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	opacity: 0.7;
	background-color: #ffffff;
	z-index: 99;
}

#loading-image {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
}