/* General layout */
HTML {
	height:	100%;
}

/* Body layout */
BODY {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/images/bg.gif);
	background-color: #F8F4EF;
	font-size: 11px;
	color: #424242;
}

body.popup-body {
	padding: 15px;
	/* 100% height is needed for map */
	height: 100%;
	box-sizing: border-box;
}

TD {
	/* This is to compensate for 100% width inputs in TD's */
	font-size: 11px;
	vertical-align: top;
}

P, TABLE, TD, LABEL {
	color: #000000;
}

A:link, A:visited {
	color: #082171;
	font-weight: bold;
	text-decoration: underline;
}

A:active, A:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

SMALL {
	font-size: 9px;
	color: #000000;
	}

H1, BIG {
	font-size: 21px;
	font-weight: bold;
	color: #082171;
}

H2 {
	font-size: 17px;
	font-weight: bold;
	color: #082171;
	}

H3, EM {
	font-size: 12px;
	font-weight: bold;
	color: #082171;
}

HR {
	height:1px;
	border-width: 0;
	color: gray;
	background-color: gray;
}

HR.divideData {
	color: #CCCCCC;
}

IMG {
	border-color: #808D94;
}

INPUT, TEXTAREA, SELECT {
	font-size: 11px;
	color: #333333;
	background-color: #DDDDDD;
	padding-left: 3px;
	border: solid;
	border-width: 1px;
	border-color: #000;
	vertical-align: middle;
}

input.select2-search__field {
	background-color: #efefef;
}

input[type=button],
input[type=submit],
input[type=reset],
input[type=button].button,
input[type=submit].button,
input[type=reset].button,
button
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-weight: bold;
	padding: 3px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	height: auto;
}

input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button].button:hover,
input[type=submit].button:hover,
input[type=reset].button:hover,
button:hover
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}

input[type=button]:disabled, input[type=submit]:disabled, input[type=button].button:disabled, input[type=submit].button:disabled, button:disabled {
	color: #AAAAAA !important;
	text-shadow: 0px !important;
}

input[type=button].forwardButton, input[type=submit].forwardButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b3e1b3), color-stop(1, #83D083));
	background:-moz-linear-gradient(top, #b3e1b3 5%, #83D083 100%);
	background:-webkit-linear-gradient(top, #b3e1b3 5%, #83D083 100%);
	background:-o-linear-gradient(top, #b3e1b3 5%, #83D083 100%);
	background:-ms-linear-gradient(top, #b3e1b3 5%, #83D083 100%);
	background:linear-gradient(to bottom, #b3e1b3 5%, #83D083 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e1b3', endColorstr='#83D083',GradientType=0);
	background-color:#b3e1b3;
	color:#555555;
	text-shadow: 0px 1px 0px #AAFFAA;
}

input[type=button].forwardButton:hover, input[type=submit].forwardButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #83D083), color-stop(1, #b3e1b3));
	background:-moz-linear-gradient(top, #83D083 5%, #b3e1b3 100%);
	background:-webkit-linear-gradient(top, #83D083 5%, #b3e1b3 100%);
	background:-o-linear-gradient(top, #83D083 5%, #b3e1b3 100%);
	background:-ms-linear-gradient(top, #83D083 5%, #b3e1b3 100%);
	background:linear-gradient(to bottom, #83D083 5%, #b3e1b3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83D083', endColorstr='#b3e1b3',GradientType=0);
	background-color:#b7e5b7;
}



input[type=button]:hover,
input[type=submit]:active,
input[type=reset]:active,
input[type=button].button:hover,
input[type=submit].button:active,
input[type=reset].button:active,
button:active
{
	/*position:relative;
	top:1px;*/
}


input[type=text], input[type=number], input[type=password], .clickToEdit, textarea, select {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #C4C4C4;
	display:inline-block;
	padding: 3px;
	text-decoration:none;
	text-shadow: none;
	height: auto;
	color: #000000;
}

input[type=text].invalidInput, input[type=number].invalidInput, input[type=password].invalidInput, .clickToEdit.invalidInput, textarea.invalidInput, select.invalidInput {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fea7a7), color-stop(1, #ffa8a8));
	background:-moz-linear-gradient(top, #fea7a7 5%, #ffa8a8 100%);
	background:-webkit-linear-gradient(top, #fea7a7 5%, #ffa8a8 100%);
	background:-o-linear-gradient(top, #fea7a7 5%, #ffa8a8 100%);
	background:-ms-linear-gradient(top, #fea7a7 5%, #ffa8a8 100%);
	background:linear-gradient(to bottom, #fea7a7 5%, #ffa8a8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea7a7', endColorstr='#ffa8a8',GradientType=0);
	background-color:#ffa8a8;
}

option:hover {
	background-color: #C4C4C4;
}

input[type=text]:disabled, input[type=number]:disabled,  input[type=password]:disabled, .clickToEdit:disabled, textarea:disabled, select:disabled {
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e0e0 5%, #d3d3d3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e0e0e0 5%,#d3d3d3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e0e0e0 5%,#d3d3d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
	color:#777777;
}

input[type=text].allocate_correct_booked{
	color: #009900;
}
input[type=text].allocate_overbooked{
	color: #000099;
}
input[type=text].allocate_underbooked{
	color: #990000;
}

INPUT.inputimage {
	background-color: transparent;
}

/* hide element and child elements on printing */
@media print {
	.no-print, .no-print * {
		display: none !important;
	}

	body.popup-body {
		margin: 0px;
	}
}

/* sticky navigation styles */
/* only stick if we it can fit */
@media (min-height: 300px) {
	body.main-body {
		height: auto;
	}

	body.main-body,
	#rightpane {
		margin-top: 80px;
	}

	body.main-body nav {
		position: fixed;
		top: 0;
		z-index: 9999;
		width: 100%;
	}

	@supports (position: sticky) or (position: -webkit-sticky) {
		body.main-body nav {
			position: -webkit-sticky;
			position: sticky;
		}

		body.main-body,
		#rightpane {
			margin-top: 0;
		}
	}

	nav .buttomNavigationLine {
		background: -moz-linear-gradient(top, rgba(135,144,150,1) 0, rgba(135,144,150,1) 1px, rgba(248,244,239,1) 1px, rgba(248,244,239,1) 16px, rgba(248,244,239,0) 100%);
		background: -webkit-linear-gradient(top, rgba(135,144,150,1) 0,rgba(135,144,150,1) 1px,rgba(248,244,239,1) 1px,rgba(248,244,239,1) 16px,rgba(248,244,239,0) 100%);
		background: linear-gradient(to bottom, rgba(135,144,150,1) 0,rgba(135,144,150,1) 1px,rgba(248,244,239,1) 1px,rgba(248,244,239,1) 16px,rgba(248,244,239,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#879096', endColorstr='#00f8f4ef',GradientType=0 );
	}

	nav progress {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 5px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		background-color: transparent;
		color: red;
	}

	nav progress::-webkit-progress-bar {
		background-color: transparent;
	}

	nav progress::-webkit-progress-value {
		background-color: red;
	}

	nav progress::-moz-progress-bar {
		background-color: red;
	}

	a:target::before {
		content: "";
		display: block;
		height: 80px;
		margin: -80px 0 0;
	}
}

/* 1. Standard Tags -------------------------------------------------- */

.button, .forwardButton {
	border: 2px outset #dddddd;
	background: #dddddd;
	padding: 0px 4px 0px 4px;
}

.forwardButton {
	border: 2px outset #dddddd;
	background-color: #B3E1B3;
	color: #333333;
}

.activeButton {
	border: 2px outset lime;
	background-color: lime;
}
/* end 1. Standard Tags ------------------------------------------------ */

/* 2. Special Additions to Standard Tags ------------------------------- */

#rightpane {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #849294;
	background-color: transparent;
}

#execInfo, #wrapperPush {
	height: 12px;
	margin-top: 10px;
	padding: 2px 10px;
}

#execInfo {
	color: #000000/*#DEDEDE*/;
	font-size: 0.8em;
	border-top: solid 1px #849294;
	background-color: #EEEEEE;
}

/* Use on TD containing the top items:
	logo, right image, tab/submenu table */
.top-bg {
	background-color: #ffffff;
}

/* Use on logo.gif IMG to create space around it */
.logospace {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* Use on TD for error messages to the user */
.msg {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
}

/* Use on TD for notice messages to the user */
.notice {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0000FF;
}

/* Use on TD to create a box on special message pages
	such as the login page */
.boxborder {
	background-color: #000000;
}

/* Use on TD creating columns in the content area */
.wide-col {
	padding-left: 0px;
	font-size: 11px;
	color: #000000;
}

/* end 2. Special Additions to Standard Tags ------------------------- */

/* 3. Tabs and Submenu ----------------------------------------------- */

/* Use on unselected tab A HREF */
A.tab:link, A.tab:visited {
	font-size: 11px;
	font-weight: bold;
	color: #082171;
	text-decoration: none;
	vertical-align: bottom;
}

A.tab:active, A.tab:hover {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	vertical-align: bottom;
}

/* Use on selected tab and submenu A HREF */
A.tabhigh:link, A.tabhigh:visited {
	font-size: 11px;
	font-weight: bold;
	color: #1b224b;
	text-decoration: none;
	vertical-align: bottom;
}
A.tabhigh:active, A.tabhigh:hover {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	vertical-align: bottom;
}

/* end 3. Tabs and Submenu ------------------------------------------- */

/* 4. Modual Preview ------------------------------------------------- */

.topLeafletsNormal {
	background: #dddddd;
	height: 35px;
	border: none;
}

.topLeafletsActive {
	background: #515B63;
	height: 35px;
	border: none;
}

.topLeafletsDone {
	background: #7A848D;
	height: 35px;
	border: none;
}

td.topLeafletsNormal,
td.topLeafletsActive,
td.topLeafletsDone {
	vertical-align: inherit;
}

.listhead, A.listhead:link, A.listhead:visited, A.listhead:active, A.listhead:hover {
	color: #AAAAAA;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

A.listhead:link, A.listhead:visited, A.listhead:active, A.listhead:hover {
	text-decoration: underline;
	color: #eeeeee;
}

A.listhead:hover {
	color: #FFFFFF;
}

.atitle {
	font-size: 11px;
	font-weight: bold;
	color: #336699;
}

.ahead, A.ahead:link, A.ahead:visited, A.ahead:active, A.ahead:hover {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

A.ahead:link, A.ahead:visited, A.ahead:active, A.ahead:hover {
	text-decoration: underline;
	white-space: normal;
}

A.ahead:hover {
	color: #999999;
}

.adesc, A.adesc:link, A.adesc:visited, A.adesc:active, A.adesc:hover {
	font-size: 11px;
	font-weight: normal;
	color: #336699;
}

A.adesc:link, A.adesc:visited, A.adesc:active, A.adesc:hover {
	text-decoration: underline;
}

A.adesc:hover {
	color: #6699cc;
}

.alabel {
		font-size: 11px;
		font-weight: normal;
		color: #336699;
		white-space: nowrap;
}

.adata {
	background: #eeeeee;
	width: 100%;
	padding-left: 5px;
}

td.adata {
	background-color:#ededed;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: none;
	display: table-cell;
	padding: 3px;
	text-decoration:none;
	text-shadow: none;
	height: auto;
	color: #000000;
}

.nowidth {
	width: inherit;
}

.alist, A.alist:link, A.alist:visited, A.alist:active, A.alist:hover {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

A.alist:link, A.alist:visited, A.alist:active, A.alist:hover {
	text-decoration: underline;
}

A.alist:hover {
	color: #777777;
}

.number-column {
	padding-right: 5px;
	text-align: right;
}

/* Use on TD containing the preview content */
.preview-bg {
	font-size: 11px;
	color: #000000;
	background-color: #CCCCCC;
}

/* Use on A HREF in preview content */
A.preview-link:link {
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	text-decoration: underline;
}

A.preview-link:visited {
	font-size: 11px;
	color: #000000;
		font-weight: normal;
	font-style: italic;
	text-decoration: underline;
}

A.preview-link:active {
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	text-decoration: underline;
}

A.preview-link:hover {
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	text-decoration: underline;
}

A.biglink {
	font-size: 14px;
}

/* end 4. Modual Preview ---------------------------------------------- */

/* 5. Lists ----------------------------------------------------------- */
/* white columns in lists */
.listwhite {
	font-size: 10px;
	color: #222222;
	background-color: #FFFFFF;
}

/* First line = line 0, hence even line numbers */
table.table-row-lists tr:not(:first-child):nth-child(odd),
.list0,
.list0a {
	font-size: 10px;
	color: #222222;
	background-color: #DDDDDD;
	}
.list0b {
	font-size: 10px;
	color: #222222;
	background-color: #EEEEEE;
}

/* Use on A HREF in even line numbers */
A.list0:link, A.list0:visited {
	font-size: 10px;
	color: #222222;
	font-weight: normal;
	text-decoration: none;
}

A.list0:active, A.list0:hover {
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

/* Second line = line 1, hence odd line numbers */
table.table-row-lists tr:not(:first-child):nth-child(even),
.list1, .list1a {
	font-size: 10px;
	color: #222222;
	text-decoration: none;
	background-color: #CCCCCC;
}

.list1b {
	font-size: 10px;
	color: #222222;
	text-decoration: none;
	background-color: #BBBBBB;
}

/* Use on A HREF in odd line numbers */
A.list1:link, A.list1:visited {
	font-size: 10px;
	color: #222222;
	font-weight: normal;
	text-decoration: none;
}

A.list1:active, A.list1:hover {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.clickable.list0:hover,
.clickable.list1:hover {
	background-color: #BBCBDE;
}

/* end 5. Lists -------------------------------------------------------- */

/* dynCalendar classes */
.dynCalendar_header{
	font-size: 10pt;
	font-weight: bold;

}
.dynCalendar_dayname {
	background-color: #d2d2c6;
	border: 1px solid #eeeeee;
	font-size: 8pt;
	text-align: center;
	color: #000000;
}


.dynCalendar_dayname_weekend {
	background-color: #A0A094;
	border: 1px solid #eeeeee;
	font-size: 8pt;
	text-align: center;
	color: #fefefe;
}

.dynCalendar_day {
	background-color: transparent;
	color: #c0c0c0;
	font-size: 8pt;
}

.dynCalendar_today {
	background-color: transparent;
	border: 1px solid #ff0000;
	font-size: 8pt;

}

.dynCalendar {
	background-color: #c0c0c0;
	border: 2px outset white;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 1px;
}

.dynCalendarInput {
	border: none;
	border-width: 1px 1px 1px 1px;
	border-color: transparent;
  	background-color: transparent;
	font-size: 10px;
	color: #082171;
	width: 27;
	height: 15;
}

/* TABLES */

.content-table {
	border: 1px solid #000000;
	background: #ffffff;
	height: 100%;
}


.menu-table {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #f8f8f8;
}


.top-table {
	border: solid;
	border-width: 1px 1px 0px;
	border-color: #000 #000 #000;
	background-color: #CCC;
	font-weight: bold;
	font-size: 12px;
	color: #666;
}

.top-table-selected {
	border: solid;
	border-width: 1px 1px 0px;
	border-color: #000 #000 #000;
	background-color: #FFF;
	font-weight: bold;
	font-size: 12px;
}

.table-sub-box {
	background: #eeeeee;
	border: solid #cccccc 1px;
}

.table-sub-box-bg {
	background: #eeeeee;
}

.table-sub-box-bg-hilite {
	background: #BBCBDE;
}

tr.table-sub-box-bg:hover {
	background: #BBCBDE;
}

.table-activity-box {
	background: #D3CCAE;
}

.table-activity-sub-box {
	background: #F0E9CB;
	border: solid #D3CCAE 1px;
}

.redborder{
	border: 2px solid #FF0000;
}

table.fixed-table {
	table-layout: fixed;
}


/* FORMS */
input.noborder {
	border: none;
	border-width: 0px 0px 0px 0px;
	border-color:#000;
	font-size: 11px
}

.checkbox {
	border: none;
	background: none;
	margin: -2px;
}

.fulllength {
	width: 100%;
	box-sizing: border-box;
}

.inputint2 {
	width: 19px;
	padding:1px;
}

.inputint4 {
	width: 36px;
	padding:1px;
}

.input60 {
	width: 60px;
}

.input80 {
	width: 80px;
}

.input150 {
	width: 125px;
}

.input200 {
	width: 170px;
}

.input300 {
	width: 285px;
}

.input400 {
	width: 390px;
}

.input600 {
	width: 575px;
}

.textarea150 {
	width: 125px;
}

.textarea200 {
	width: 170px;
}

.textarea300 {
	width: 280px;
}

.textarea400 {
	width: 375px;
}

.textarea600 {
	width: 575px;
	height: 80px;
}

label > input[type=checkbox] + span,
label > input[type=radio] + span {
	display:inline-block;
	padding: 0 3px;
}


.searchOptionsNoWrap {
	white-space:	nowrap;
	color:		#000000;
}

.nowrap {
	white-space:	nowrap;
}

.button.fullwidth.passwordButton {
	width: calc(100% - 22px);
	box-sizing: border-box;
	margin-right: 2px;
}

.valigninherit {
	vertical-align: inherit;
}

.valigntop {
	vertical-align: top;
}

.valignmiddle {
	vertical-align: middle;
}

.margin1 {
	margin: 1px;
}

.margin2 {
	margin: 2px;
}

td.tempid {
	width: 75px;
}

/* navigation menu styles */
#axp_top_menu_container {
	border-collapse: collapse;
	width: auto;
	min-width: 100%;
}

#axp_top_menu_container > tbody > tr {
	background-image: none;
	background: #b5bdc8;
	background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
	background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
}

#axp_top_menu_container #axp_top_menu_left_logo {
	background-image: url('/shared/images/AXP_Logo_small.png');
	background-repeat: no-repeat;
	background-position: 10px 8px;
	width: 130px;
	height: 40px;
}

#axp_top_menu_container #axp_top_menu_right_logo {
	background-image: none;
	width: 190px;
	height: 40px;
}

.subNavLine {
	background-color: #EEEEEE;
}

/**/
.functionPanel {
	background-color: transparent;
}

.functionPanel {
	background-color: transparent;
}

div.dropdown-content {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	cursor:pointer;
	color:#777777;
	font-weight: bold;
	text-decoration:none;
	height: auto;
}

div.dropdown-content button {
	margin-top: -7px;
}

/* The top left logo */
.axp_top_left_logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 40px;
	background-image: url("/images/axp/pro_axp_logo_top.png");
	z-index: 2;
}

/* The top bar, which lies beneath the top logos */
.axp_top_bar {
	position: absolute;
	top: 0px;
	left: 0px;
	right:0px;
	height: 40px;
	width: 100%;
	background-image: url("/images/axp/axp_top_bar_bg.png");
	z-index: 1;
}

/* The top right logo */
.axp_top_right_logo {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 190px;
	height: 40px;
	background-image: url("/images/axp/consendo_logo_top.png");
	z-index: 2;
}

/* The main content box on the login page */
.axp_login_main_page {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	height: 90%;
	z-index: 3;

}

/* The login box */
.axp_login_box {
	position: relative;
	width: 350px;
	height: auto;
	margin: 0 auto;
	margin-top: 100px;
	border: thin solid black;
	z-index: 3;
	font-size: 16px;
	background: #FFFFFF;
}

.axp_login_box .axp_box_head_title, .axp_login_box td {
	font-size: 16px;
}

.axp_login_box input[type="password"], .axp_login_box input[type="text"]{
	font-size: 16px;
	height: 1.2em;
	width: 11em;
}

.axp_login_box input[type="submit"] {
	font-size: 16px;
/*	height: 1.4em; */
}


/* Header for AXP boxes */
.axp_box_head {
	width: auto;
	background-image: none;
	font-weight: bold;
	background: #b5bdc8; /* Old browsers */
	background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 26%, #828c95 76%, #48343b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 26%, #828c95 76%,#48343b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 26%, #828c95 76%,#48343b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}

.axp_box_head.redbg {
	background: #990000; /* Old browsers */
	background: -moz-linear-gradient(top,  #990000 0%, #820000 26%, #2d0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #990000 0%,#820000 26%,#2d0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #990000 0%,#820000 26%, #820000 76%,#2d0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#2d0000',GradientType=0 ); /* IE6-9 */
}

.axp_box_head.greenbg {
	background: #009900; /* Old browsers */
	background: -moz-linear-gradient(top,  #009900 0%, #008200 36%, #002d00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #009900 0%,#008200 36%,#002d00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #009900 0%,#008200 26%, #008200 76%,#002d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009900', endColorstr='#002d00',GradientType=0 ); /* IE6-9 */
}

.axp_box_head.yellowbg {
	background: #cccc00; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccc00 0%, #b7b700 36%, #6b6700 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #cccc00 0%,#b7b700 36%,#6b6700 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #cccc00 0%,#b7b700 26%, #b7b700 76%,#6b6700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccc00', endColorstr='#6b6700',GradientType=0 ); /* IE6-9 */
}


h2.skill-header {
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin: 0;
}


.axp_box_head_title {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	line-height: 16px;
}

.axp_box_head_icons {
	padding-right: 5px;
	text-align: right;
}

.axp_box_head_icons .icon {
	width: 14px;
	height: 12px;
	display: inline-block;
	margin: 4px 4px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

/*.axp_box_head_icons .icon.closeButton {
	background-image: url('/shared/images/icons/white/068-minimize.svg');
}

.axp_box_head_icons .icon.openButton {
	background-image: url('/shared/images/icons/white/073-maximize.svg');
}

.axp_box_head_icons .icon.helpButton {
	background-image: url('/shared/images/icons/white/083-info.svg');
}

.axp_box_head_icons .icon.editButton {
	background-image: url('/shared/images/icons/white/101-edit.svg');
}*/

.axp_box_buttons {
	vertical-align: middle;
	height: 20px;
	float: right;
}

.axp_box_content {
	width:auto;
	padding: 3px;
	background: #FFFFFF;
	border: 1px solid #28343b;
	border-color: #28343b;
}

/* AXP top menu */
.axp_top_menu {
	position: absolute;
	top: 0px;
	left: 130px;
	right: 190px;
	height: 40px;
	width: auto;
	z-index: 2;
}

/* The table holding the top menu buttons */
.axp_top_menu_buttons {
	position: relative;
	top: 11px;
}

.axp_top_menu_buttons TD {
	padding-right: 0px;
	vertical-align: middle;
}

/* Top menu button */
.axp_top_menu_button {
	height: 18px;
	width: 88px;
	padding-left: 10px;
	color: #424242;
	text-decoration: none;
	cursor: pointer;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	border: none;
	background-image: none !important;
	text-shadow: 1px 1px 0 rgba(215,215,215,0.6);
	font-size: 10px;
	background: #CDDBE4; /* Old browsers */
	background: -moz-linear-gradient(top, #CDDBE4 0%, #b6c5cd 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #CDDBE4 0%,#b6c5cd 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #CDDBE4 0%,#b6c5cd 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDDBE4', endColorstr='#b6c5cd',GradientType=0 ) !important; /* IE6-9 */
	text-transform: uppercase;
}

/* Top menu button when pressed. */
.axp_top_menu_button_down {
	height: 18px;
	width: 88px;
	padding-left: 10px;
	color: #424242;
	font-size: 9px;
	text-decoration: none;
	cursor: pointer;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	border: none;
	background-image: none !important;
	text-shadow: 1px 1px 0 rgba(215,215,215,0.6);
	font-size: 10px;
	background: #C9C9C9;
	background: -moz-linear-gradient(top, #C9C9C9 0%, #DDDDDD 100%) !important;
	background: -webkit-linear-gradient(top, #C9C9C9 0%, #DDDDDD 100%) !important;
	background: linear-gradient(to bottom, #C9C9C9 0%, #DDDDDD 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C9C9C9', endColorstr='#DDDDDD',GradientType=0 ) !important;
	text-transform: uppercase;
}

.axp_top_menu_button:hover, .axp_top_menu_button_down {
	color: #070707;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}

/* Shade below top button */
.axp_top_menu_button_shade {
	height: 10px;
	background-color: #b6c5cd;
	background-image: none !important;
	background: #b6c5cd;
	background: -moz-linear-gradient(top, #b6c5cd 0%, #87949d 100%) !important;
	background: -webkit-linear-gradient(top, #b6c5cd 0%, #87949d 100%) !important;
	background: linear-gradient(to bottom, #b6c5cd 0%, #87949d 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6c5cd', endColorstr='#c9c9c9',GradientType=0 ) !important;
	border-bottom: solid 1px #87949d;
}
/* shade below top button shaded */
.axp_top_menu_button_shade_down {
	height: 10px;
	background-image: none !important;
	background: #DDDDDD;
	background: -moz-linear-gradient(top, #DDDDDD 0%, #EEEEEE 100%) !important;
	background: -webkit-linear-gradient(top, #DDDDDD 0%,#EEEEEE 100%) !important;
	background: linear-gradient(to bottom, #DDDDDD 0%,#EEEEEE 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#EEEEEE',GradientType=0 ) !important;
}

#axp_status_menu_buttons {
}

/* status menu button when pressed. */
.axp_status_menu_button {
	height: 15px;
	padding-top: 3px;
	min-width: 88px;
	padding-left: 10px;
	padding-right: 10px;
	color: #424242;
	font-size: 9px;
	text-decoration: none;
	background-image: url(/images/axp/menu_button_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-top: 1px solid #879096;
	border-left: 1px solid #879aa3;
	border-bottom: 1px solid #879aa3;
	border-right: 1px solid #879aa3;
	cursor: pointer;
	font-weight: normal;
/** extra **/
	float: left;
	margin-right: 11px;
	margin-bottom: 5px;
	background-color: #b6c5cd;
}
.axp_status_menu_button_down {
	height: 15px;
	_height: 20px;
	padding-top: 3px;
	min-width: 88px;
	_width: 100px; /* IE hack (was 90px) 88px + 2px border + 10px padding */
	padding-left: 10px;
	padding-right: 10px;
	color: #424242;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	background-color: #ffffcc;
	background-image: url(/images/axp/menu_button_right_over.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-top: 1px solid #ffffcc;
	border-left: 1px solid #879aa3;
	border-bottom: 1px solid #879aa3;
	border-right: 1px solid #879aa3;
	cursor: pointer;
	font-weight: normal;
/** extra **/
	float: left;
	margin-right: 11px;
	margin-bottom: 5px;
	background-color: #EEEEEE;
	border-top-color: #EEEEEE;
}

.axp_status_menu_button_down, .axp_status_menu_button:hover {
	color: #070707;
}

/* Shade below status menu button */
.axp_status_menu_button_shade {
	height: 10px;
	background-image: url(/images/axp/axp_menu_button_shade.gif);
}
.axp_status_menu_button_shade_down {
	height: 10px;
	background-image: url(/images/axp/axp_menu_button_shade_down.gif);
}

/* main container block */
#axp_main_container {
	position: absolute;
	top: 40px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.trailbox {
	background-color: #eeeeee;
	border: solid #999999 1px;
}

.trailbox td {
	vertical-align: middle;
}

/* Info bar */
#axp_info_bar {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 190px;
	height: 30px;
	padding-right: 10px;
	text-align: right;
	width: auto;
	background-color: #ffffcc;
	color: #424242;
	font-size: 11px;
	text-decoration: none;
}

/* Info bar, consultant name */
#axp_info_bar_consultant {
	float: right;
	height: 20px;
	padding-top: 7px;

}

#axp_info_bar_status {
	float: left;
	height: 20px;
	padding-top: 7px;
	padding-left: 10px;
}



#axp_leftpane {
	position:absolute;
	width: auto;
	right: 190px;
	top: 30px;
	left: 0px;
}

/* Sub menu */
.axp_sub_menu {
/*	position: absolute;
	top: 30px;
*/
	left: 0px;
	right: 190px;
/*
	height: 20;
*/
	width: auto;
	_width: 100%;
	border: 0px dotted blue;

}

#axp_minibutton_container {
	float: left;
	padding-left: 10px;
	width: 81px;
	height: 20px;
	background-image: url(/images/axp/status_bottombg.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
}

.axp_minibutton {
	float: left;
	height: 20px;
	width: 15px;
	cursor: pointer;
	text-decoration: none;
}


#axp_team_adminicon {
	display: none;
	background-image: url(/images/axp/icons/IkonTeam.gif);
}
#axp_team_adminicon:hover {
	background-image: url(/images/axp/icons/IkonTeam_over.gif);
}
#axp_applicanticon {
	display: none;
	background-image: url(/images/axp/icons/IkonAnsoegere.gif);
}
#axp_applicanticon:hover {
	background-image: url(/images/axp/icons/IkonAnsoegere_over.gif);
}
#axp_timesheetsicon {
	display: none;
	background-image: url(/images/axp/icons/IkonTimereg.gif);
}
#axp_timesheetsicon:hover {
	background-image: url(/images/axp/icons/IkonTimereg_over.gif);
}
#axp_focuslisticon {
	display: none;
	background-image: url(/images/axp/icons/IkonFokuslister.gif);
}
#axp_focuslisticon:hover {
	background-image: url(/images/axp/icons/IkonFokuslister_over.gif);
}
#axp_searchicon{
	display: none;
	background-image: url(/images/axp/icons/IkonSoeg.gif);
}
#axp_searchicon:hover {
	background-image: url(/images/axp/icons/IkonSoeg_over.gif);
}
#axp_newicon{
	display: none;
	background-image: url(/images/axp/icons/IkonNy.gif);
}
#axp_newicon:hover {
	background-image: url(/images/axp/icons/IkonNy_over.gif);
}
#axp_illnessicon{
	display: none;
	background-image: url(/images/axp/icons/IkonSyg.gif);
}
#axp_illnessicon:hover {
	background-image: url(/images/axp/icons/IkonSyg_over.gif);
}
#axp_quickbookingicon {
	display: none;
	background-image: url(/images/axp/icons/QuickBook.gif);
}
#axp_quickbookingicon:hover {
	background-image: url(/images/axp/icons/QuickBook_over.gif);
}
#axp_multi_overviewicon {
	display: none;
	background-image: url(/images/axp/icons/IkonMultiMeldeOversigt.gif);
}
#axp_multi_overviewicon:hover {
	background-image: url(/images/axp/icons/IkonMultiMeldeOversigt_over.gif);
}

/* Jquery autocomplete css	*/
.ui-autocomplete {
	max-height: 200px;
	overflow-y: scroll;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	min-width: 50px;
	position:absolute;
	z-index: 100;
}

.ui-autocomplete.ui-widget {
	font-size: 10px;
	line-height: 0.7;
}
/* IE 6 doesnt support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 100px;
}


/* Main page */
.axp_main_page {
/*
	position: absolute;
	top: 50px;
*/
/*
	width: auto;
	_width: expression ((document.body.innerWidth - 300) + 'px');
*/
/*
	float: right;
	height: auto;
	padding: 10px;
*/
	/* IE can't figure out how wide stuff should really be, if we use padding, so lets give it up, and just add a small left-padding. */
/*
	_padding: 0px;
	_padding-top: 10px;
	_padding-left: 10px;
*/
	/* facilitate for maybe scrollbar in weird IE */
/*
	_padding-right: 28px;

	border: 0px dotted red;
*/
	margin: 5px;
	border: 1px dotted red

}

/* Order status box in right side */
#axp_order_status {
	position: absolute;
	top: 40px;
	right: 0px;
	width: 181px; /** padding and width must be adjusted according to eachother - the combined width shall be 189px */
	_width: 190px; /* combined IE hack for internal border and width+padding */
	height: auto;
	min-height: 2000px;
	border-left: 1px solid #849294;
	background-color: #d4ddcc;
	z-index: 5;
	padding-left: 4px;
	padding-right: 4px;
}

.greytext {color: #888888}
.redtext {color: #CC0000}
.greentext {color: #009900}
.whitetext {color: #FFFFFF}
.bluetext {color: #0000FF}
.largeblack {color: #000000; font-size:16px; font-weight:bold}
.largeblue {color: #336699; font-size:16px; font-weight:bold}


/* http://blog.yosle.com/2007/09/20/css-round-corners/ */
/* Classes for rounded css-boxes, note, we have red, green and black */
.roundedboxredb1, .roundedboxredb2, .roundedboxredb3, .roundedboxredb4{font-size:1px; overflow:hidden; display:block;}
.roundedboxredb1 {height:1px; background:#990000; margin:0 5px;}
.roundedboxredb2 {height:1px; background:#fff; border-right:2px solid #888; border-left:2px solid #990000; margin:0 3px;}
.roundedboxredb3 {height:1px; background:#fff; border-right:1px solid #888; border-left:1px solid #990000; margin:0 2px;}
.roundedboxredb4 {height:2px; background:#fff; border-right:1px solid #888; border-left:1px solid #990000; margin:0 1px;}
.roundedboxredcontentb {background: #ffffff; border-right:1px solid #990000; border-left:1px solid #990000;}
.roundedboxredcontentb div {margin-left: 5px;}

.roundedboxgreenb1, .roundedboxgreenb2, .roundedboxgreenb3, .roundedboxgreenb4{font-size:1px; overflow:hidden; display:block;}
.roundedboxgreenb1 {height:1px; background:#0f0; margin:0 5px;}
.roundedboxgreenb2 {height:1px; background:#fff; border-right:2px solid #0f0; border-left:2px solid #0f0; margin:0 3px;}
.roundedboxgreenb3 {height:1px; background:#fff; border-right:1px solid #0f0; border-left:1px solid #0f0; margin:0 2px;}
.roundedboxgreenb4 {height:2px; background:#fff; border-right:1px solid #0f0; border-left:1px solid #0f0; margin:0 1px;}
.roundedboxgreencontentb {background: #fff; border-right:1px solid #0f0; border-left:1px solid #0f0;}
.roundedboxgreencontentb div {margin-left: 5px;}

.roundedboxblackb1, .roundedboxblackb2, .roundedboxblackb3, .roundedboxblackb4{font-size:1px; overflow:hidden; display:block;}
.roundedboxblackb1 {height:1px; background:#888; margin:0 5px;}
.roundedboxblackb2 {height:1px; background:#fff; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.roundedboxblackb3 {height:1px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.roundedboxblackb4 {height:2px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.roundedboxblackcontentb {background: #fff; border-right:1px solid #888; border-left:1px solid #888;}
.roundedboxblackcontentb div {margin-left: 5px;}

.roundedboxtransparentbgb1, .roundedboxtransparentbgb2, .roundedboxtransparentbgb3, .roundedboxtransparentbgb4{font-size:1px; overflow:hidden; display:block;}
.roundedboxtransparentbgb1 {height:1px; background:#888; margin:0 5px;}
.roundedboxtransparentbgb2 {height:1px; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.roundedboxtransparentbgb3 {height:1px; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.roundedboxtransparentbgb4 {height:2px; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.roundedboxtransparentbgcontentb {border-right:1px solid #888; border-left:1px solid #888;}
.roundedboxtransparentbgcontentb div {margin-left: 5px;}

.microColorBox {width:4px;height:4px;border-width:1px;border-style:solid;border-color:#000000;margin:0px -1px 0px 0px;}

.rightaligned {
	text-align: right;
}

.bold {
	font-weight: 900 !important
}
.sumcol {border-top: 1px solid black}
.totalsumcol {border-top: 1px solid black; border-bottom: 1px solid black}
.weekheader {background: #BBBBBB; color: #000000; font-weight: bold}

/* prettygrey is a table with dark grey borders with only 1 pixel border between cells */
table.prettygrey {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	border-collapse: collapse
}
table.prettygrey td{
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

table.noborder {
	border-width: 0px;
	border-collapse: collapse;
	width:100%;
}
table.noborder td{
	border-width: 0px;
}
table.daySelectorTable,
table.daySelectorTable > tbody > tr > td,
table.daySelectorTable table {
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.daySelectorTable td {
	height: 20px;
}

table.daySelectorTable td.selectableTd {
	cursor: pointer;
}
table.daySelectorTable > tbody > tr > td > table > tbody > tr:first-child {
	background-color: #DDDDDD;
}

table.daySelectorTable td.daySelectorOutsideRange {
	background-color: #E9E9E9;
	cursor: default;
}

table.daySelectorTable > tbody > tr > td {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

table.daySelectorTable td.selectedTd {
	border-width: 3px;
	border-style: solid;
	border-color: #009900;
	background-color: #CAF7CD;
}

table.fixed-table td.adata {
	width: auto;
}

table.width-auto td.adata {
	width: auto;
}

.approvedshift {
	border-bottom: 7px solid #00FF00 !important
}
.erptransferredshift {
	border-bottom: 7px solid #808080 !important
}
.semiapprovedshift {
	border-bottom: 7px solid #EEEE99 !important
}
.conflictshift {
	background-color: #ff0000 !important;
}
.conflictshift td, conflictshift td b{
	color: #000000 !important
}
.nopadding{
	padding: 0px;
}

.booking {
	border-left: 1px solid black !important;
	border-right: 1px solid black !important;
	border-top: 1px solid black !important;
	border-bottom: 1px solid black;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	width: 100%
}

.approvedshift table {
	border-bottom: 1px solid black;
}
.erptransferredshift table {
	border-bottom: 1px solid black;
}
.squarebox{
	width: 10px;
	height:10px;
	border: 1px solid black;
	overflow: hidden
}

.citizenmenulink {
	font-size: 12px !important;
	font-weight: normal !important;
	text-decoration: none !important;
	color: #0156a9 !important;
	position: relative;
	top: 2px !important
}
.rightaligned {
	text-align: right;
}

.economysum td{
	background: grey;
	color: #ffffff;
	padding: 2px;
	font-weight: bold
}

.citizen_journal_header {
	background-color:#CCCCCC;
}

.citizen_journal_note_table {
	border-spacing:0;
	border-collapse:collapse;
}

.citizen_journal_note_table td{
	border:1px solid black;
}
#cc_access_rights_block {
	background-color:	#dddddd;
}
.hidden {
	display:	none;
}

tr.lowerborder td, .lowerborder {
	border-bottom: 1px solid black;
}
tr.upperborder td, .upperborder{
	border-top: 1px solid black;
}
tr.strongupperborder td, .strongupperborder{
	border-top: 2px solid black;
	padding-top: 20px;
}
table.tr.padbottom td, .padbottom{
	padding-bottom: 10px;margin-bottom:3px;
}
table.rightborder{
	border-right: 1px solid black;
}

.highlightBlockTable {
	background: #EEEEEE;
	border-spacing: 3px;
	border-collapse: separate;
	padding: 2px;
}

.highlightBlockTable h1 {
	line-height: 1em;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

.buttonBlock {
	border: solid 1px #879096;
	background: #F0EACA;
}

.redBg {
	background-color: #EB807F;
}

.yellowBg {
	background-color: #E7EB5B;
}

.greenBg {
	background-color: #C3F263;
}

td.adata.redBg {
	background-color: #EB807F;
}

td.adata.yellowBg {
	background-color: #E7EB5B;
}

td.adata.greenBg {
	background-color: #C3F263;
}

/* show more/less styles */

.showMoreLessContainer {
	overflow: hidden;
	max-height: 6.5em;
	line-height: 1.3em;
}

.showMoreLessContainer + a {
	font-size: 0.8em;
}

.showMoreLessContainer.showMore {
	max-height: none;
}
/* AxpProject lives */
/************************************************************************/
/* classes for allocate blocks */
.allocate_correct_booked{
	color: #009900;
}
.allocate_overbooked{
	color: #000099;
}
.allocate_underbooked{
	color: #990000;
}
.allocate_active{
	font-weight: bold;
	background-color: #b3e1b3;
}
.allocate_notinperiod{
	color: gray;
}
A.gray_order:link {
	font-size: 11px;
	font-weight: normal;
	color: gray;
	text-decoration: underline;
	vertical-align: bottom;
}
A.gray_order:visited {
	font-size: 11px;
	font-weight: normal;
	color: gray;
	text-decoration: underline;
	vertical-align: bottom;
}
A.gray_order:active {
	font-size: 11px;
	font-weight: normal;
	color: gray;
	text-decoration: underline;
	vertical-align: bottom;
}
A.gray_order:hover {
	font-size: 11px;
	font-weight: normal;
	color: gray;
	text-decoration: underline;
	vertical-align: bottom;
}
A.black_order:link {
	font-size: 11px;
	font-weight: normal;
	color: black;
	text-decoration: underline;
	vertical-align: bottom;
}
A.black_order:visited {
	font-size: 11px;
	font-weight: normal;
	color: black;
	text-decoration: underline;
	vertical-align: bottom;
}
A.black_order:active {
	font-size: 11px;
	font-weight: normal;
	color: black;
	text-decoration: underline;
	vertical-align: bottom;
}
A.black_order:hover {
	font-size: 11px;
	font-weight: normal;
	color: black;
	text-decoration: underline;
	vertical-align: bottom;
}
.prebooked_contacttemp {
	border: 2px solid green;
}
.ordercolor0 {background:#FFFFCC}
.ordercolor1 {background:#FFCCFF}
.ordercolor2 {background:#CCFFFF}
.ordercolor3 {background:#FFCCCC}
.ordercolor4 {background:#CCCCFF}
.ordercolor5 {background:#CCFFCC}
.ordercolor6 {background:#FFFF99}
.ordercolor7 {background:#FF99FF}
.ordercolor8 {background:#99FFFF}
.ordercolor9 {background:#FF99CC}
.ordercolor10 {background:#99FFCC}
.ordercolor11 {background:#c0aa54}
.topseparator{border-top: 1px solid black}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.clickable{
	cursor: pointer;
}

.modified_hours, .listmodified {
	background: rgba(153, 0, 0, 0.1) !important;
}

.inputShiftDateTimeContainer {
	position: absolute;
	white-space: nowrap;
	border: solid 1px #000000;
	background: #FFFFFF;
	padding: 5px;
}

.inputShiftDateTimeContainer .dateField {
	width: 14ch;
	margin-right: 2px;
}

.inputShiftDateTimeContainer .timeField {
	width: 6ch;
	margin-right: 2px;
}

.nobr{
	white-space: nowrap;
}

/* classes for selects in month overview - green means someone is booked, red means nobody is booked */
.monthoverview_booked{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #88ff88), color-stop(1, #66dd66));
	background:-moz-linear-gradient(top, #88ff88 5%, #66dd66 100%);
	background:-webkit-linear-gradient(top, #88ff88 5%, #66dd66 100%);
	background:-o-linear-gradient(top, #88ff88 5%, #66dd66 100%);
	background:-ms-linear-gradient(top, #88ff88 5%, #66dd66 100%);
	background:linear-gradient(to bottom, #88ff88 5%, #66dd66 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88ff88', endColorstr='#66dd66',GradientType=0);
	background-color:#88ff88;
}
.monthoverview_unbooked{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff8888), color-stop(1, #dd6666));
	background:-moz-linear-gradient(top, #ff8888 5%, #dd6666 100%);
	background:-webkit-linear-gradient(top, #ff8888 5%, #dd6666 100%);
	background:-o-linear-gradient(top, #ff8888 5%, #dd6666 100%);
	background:-ms-linear-gradient(top, #ff8888 5%, #dd6666 100%);
	background:linear-gradient(to bottom, #ff8888 5%, #dd6666 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8888', endColorstr='#dd6666',GradientType=0);
	background-color: #ff8888;
}

/* temp searchres colors */

/* booked on order orders: red */
.booked_on_other_order0{
	background: #FF2222;
}
.booked_on_other_order1{
	background: #FF0000;
}

/* 11 hour rule not passed */
.shift_interval_not_passed0{
	background: #CFBBDE;
}
.shift_interval_not_passed1{
	background: #C2ADD1;
}
/* temp said no, or shift is disabled ... red */
.temp_not_available0{
	background: #CFB1B1;
}
.temp_not_available1{
	background: #C2A3A3;
}
/* temp is reserved .. yellow */
.temp_reserved0{
	background: #DFD7B1;
}
.temp_reserved1{
	background: #D1C9A3;
}
/* temp has said yes to work in calendar */
.temp_wants_work0{
	background: #B1CFB1;
}
.temp_wants_work1{
	background: #A3C2A3;
}
.inputshiftdatetimeactive{
	outline: 3px solid green !important;
}

.notebar {
	height: auto;
	border: solid #990000 2px;
	padding: 5px;
	background-color: #E1B3B3;
/*	background-color: #E1B3B3; */
/*	background-color: #B3E1B3;*/

}

.warnbar {
	height: auto;
	border: solid #990000 2px;
	padding: 5px;
	background-color: #E1B3B3;
}

.profile-image-icon {
	position: relative;
	width: 25px;
	height: 25px;
	object-fit: cover;
	object-position: 50% 50%;
	clip-path: circle(50% at 50% 50%);
	z-index: inherit;
}

.tooltip-picture {
	max-width: 150px;
	max-height: 200px;
}

.profile-image-icon[onclick] {
	cursor: pointer;
}

.profile-image-thumb {
	max-height: 200px;
}

.tooltipClass {
	background-color: red;
}

/* styles for displaying notifications, warnings and errors */
.info-bar.notification {
	height: auto;
	border: solid #B8AB67 2px;
	padding: 5px;
	background-color: #E3D37F;
}

.info-bar.warning {
	height: auto;
	border: solid #990000 2px;
	padding: 5px;
	background-color: #E1B3B3;
}

.info-bar.error {
	background-image: url('/shared/images/icons/black/144-warning.svg');
	background-repeat: no-repeat;
	background-size: 50px, 50px;
	background-position: 5px;
	height: auto;
	border: solid #990000 2px;
	padding: 5px;
	background-color: #E1B3B3;
	min-height: 70px;
	padding-left: 70px;
	font-size: 125%;
}

/* table for new customer selection page */
#cnew_options {
	text-align: center;
	margin: 50px auto;
	width: 40%;
}

/* Pager styles */
.io-query-result-pager {
	text-align: center;
}

.io-query-result-pager select {
	vertical-align: top;
	width: 5rem;
	float: right;
}

.io-query-result-pager ul {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.io-query-result-pager ul li {
	display: block;
	float: left;
	padding: .2rem;
	text-align: center;
	border: none;
	border-radius: 10px;
	margin: 2px;
	min-width: 3rem;
}

.io-query-result-pager ul li:hover {
	background: #F1F1F1;
	cursor: pointer;
}

.io-query-result-pager ul li.current {
	background: #c0c0c0;
}

.io-query-result-pager ul li.spacer:hover {
	background: none;
	cursor: default;
}

.io-query-result-pager div.text_total {
	width: 100%;
	text-align: center;
}

/* widget styles */

/* these styles are for browsers that doesnt support grid (ie11) */
.widget-dashboard {
	position: relative;
	width: 100%;
}

/* these styles are for browsers that doesnt support grid (ie11) */
.widget-dashboard > .widget {
	position: relative;
	float: left;
	width: 320px;
	height: auto;
	margin: 0 10px 10px 0;
}

@supports (display: grid) {
	.widget-dashboard {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		grid-gap: .5rem;
		grid-auto-flow: dense;
	}

	.widget-dashboard > .widget {
		float: none;
		width: auto;
		height: auto;
		margin: 0;
	}
}

.widget-dashboard > .widget {
	background: #FFFFFF;
	display: flex;
	flex-direction: column;
	position: relative;
	border: solid 1px #EFEFEF;
	padding: 20px;
}

.widget-dashboard > .widget.col2 {
	grid-column: auto / span 2
}

.widget-dashboard > .widget.col3 {
	grid-column: auto / span 3
}

.widget-dashboard > .widget.row2 {
	grid-row: auto / span 2
}

.widget-dashboard > .widget .title-content {
	flex-grow: 1;
}

.widget-dashboard > .widget > .title-toolbar > h3 {
	font-size: 14px;
	letter-spacing: 0.5px;
	color: #72777a;
	font-weight: 500;
	margin: 0;
	margin-bottom: 10px;
}

.widget-dashboard > .widget > .content {
	display: flex;
	align-items: flex-start;
	flex-flow: row wrap;
}


.widget-dashboard > .widget > .content > .count-icon {
	display: block;
	flex: 1 1 auto;
}

.widget-dashboard > .widget > .content > .count-value {
	flex: 0 0 auto;
}

.widget-dashboard > .widget > .content > .count-value > span {
	color: #4caf50;
	background-color: #e8f5e9;
	font-size: 18px;
	font-weight: 600;
	border-radius: 10em;
	padding: 15px;
	min-width: 70px;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}


.widget-dashboard .widget-data-list {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	width: 100%;
}

.widget-dashboard .widget-data-list > li {
	display: inline-block;
	color: #bdbdbd;
}

.widget-dashboard .widget-data-list > li.spacer {
	border-right: solid 1px #bdbdbd;
}

.widget-dashboard .widget-data-list > li > h5 {
	text-align: center;
	margin: 0;
	font-size: 20px;
	font-weight: 500;
}

.widget-dashboard > .widget.color-scheme-green > .content > .count-value > span {
	color: #4caf50;
	background-color: #e8f5e9;
}

.widget-dashboard > .widget.color-scheme-blue > .content > .count-value > span {
	color: #2196f3;
	background-color: #e3f2fd;
}

.widget-dashboard > .widget.color-scheme-pink > .content > .count-value > span {
	color: #FA26E9;
	background-color: #FFC4FA;
}

.widget-dashboard > .widget.color-scheme-purple > .content > .count-value > span {
	color: #3400CB;
	background-color: #CDC0F3;
}

.widgetIcon {
	width: 50px;
	height: 50px;
	display: inline-block;
	margin: 2px;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}

.widget.color-scheme-green .widgetIcon.icon-graph {
	background-image: url('/shared/images/icons/graph.svg');
}

.widget.color-scheme-blue .widgetIcon.icon-graph {
	background-image: url('/shared/images/icons/graph-blue.svg');
}

.widget.color-scheme-pink .widgetIcon.icon-graph {
	background-image: url('/shared/images/icons/graph-pink.svg');
}

.widget.color-scheme-purple .widgetIcon.icon-graph {
	background-image: url('/shared/images/icons/graph-purple.svg');
}


.widget-dashboard .widget-userdata-container {
	width: 100%;
}

.widget-dashboard .widget-userdata-container > .data-row {
	display: flex;
	flex-wrap: wrap;
}

.widget-dashboard .widget-userdata-container > .data-row .data-field {
	flex: 1 0 50%;
}

.widget-dashboard .widget-userdata-container > .data-row .data-field h5 {
	margin: 0;
	font-weight: 500;
	color: #bdbdbd;
	margin: 5px 0;
}

.widget-dashboard .widget-userdata-container > .data-row .data-field p {
	margin: 0;
	font-weight: 500;
	color: #72777a;
	font-size: 1.2em;
}

.widget-dashboard .widget-userdata-container > .data-row .data-field ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
}

.widget-dashboard .widget-userdata-container > .data-row .data-field ul > li {
	display: inline-block;
	font-weight: 500;
	color: #72777a;
	font-size: 1.2em;
	flex: 1 1 50%;
}

/* Project progress bar */
.progressBar {
	margin: 0;
	padding: 0;
	clear: both;
	display: -webkit-box;
	display: flex;
}
.progressBar li {
	list-style-type: none;
	width: 1fr;
	float: left;
	position: relative;
	text-align: center;
	color: #AAAAAA;
	background-color: #dddddd;
	line-height: 40px;
	-webkit-box-flex: 1;
	flex-grow: 1;
	margin: 0 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
}

.progressBar li:first-child {
	margin-left: 0;
}

.progressBar li:last-child {
	margin-right: 0;
}

.progressBar li.active {
	background-color: #515B63;
	text-decoration: underline;
}

.progressBar li.done {
	background-color: #7A848D;
	color: #eeeeee;
	text-decoration: underline;
}

.progressBar a,
.progressBar a:link,
.progressBar a:visited,
.progressBar a:active {
	color: inherit;
}

select.fulllength + span {
	width: 100% !important;
	vertical-align: top;
}

.recruit_overview_table {
	width: 100%;
}

.recruit_overview_table > .row {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-pack: distribute;
	justify-content: space-evenly;
}

.recruit_overview_table > .row > div {
	display: inline-block;
	text-align: center;
	padding: 5px;
	margin: 0px 5px;
	border-radius: 5px;
	width: 200px;
}

.recruit_overview_table > .row:last-child > div {
	padding-top: 10px;
	padding-bottom: 10px;
}

.month_year_datepicker .ui-datepicker-calendar,
.year_datepicker .ui-datepicker-calendar,
.year_datepicker .ui-datepicker-month {
	display: none;
}

table.shift_view {
	line-height: 22px;
}

.larger_font {
	font-size: 125%;
}

tr.tilt_header td {
	vertical-align: bottom;
}

.tilt_text
{
	-webkit-transform: rotate( -135deg );
	-moz-transform: rotate( -135deg );
	-o-transform: rotate( -135deg );
	transform: rotate( -135deg );
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: 50% 50% 0;
	transform-origin: center;
	writing-mode: vertical-lr;
	white-space: nowrap;
	width: 30px;
	position: relative;
	text-align: left;
	margin-bottom: -5px;
	margin-top: -10px;
}

@media all and (-ms-high-contrast:none) {
	.tilt_text {
		transform: rotate( 45deg );
		writing-mode: vertical-lr;
		white-space: nowrap;
		-ms-transform: rotate(-45deg);
		-ms-writing-mode: lr-bt;
		margin-top: 5px;
		width: 30px;
		left: 5px;
	}
}

.center {
	text-align: center;
}

div.widget-web-orders {
	display: block;
	width: 100%;
	border-radius: 10px;
	margin: 5% auto;
	padding: 5px;
	background-color: #C3F263;
	text-align: center;
	overflow-wrap: break-word;
}

div.widget-web-orders.missing {
	background-color: #EB807F;
}

div.widget-web-orders .header {
	font-weight: bold;
}

div.widget-web-orders .number {
	display: block;
	font-weight: normal;
	font-size: 300%;
}

.single-line-grid {
	display: inline-grid;
	grid-gap: 10px;
	grid-template-columns: auto;
	align-items: center;
	width: calc(100% - 6px);
}
.single-line-grid > *
{
	grid-row: 1;
}

.single-line-grid.roleLine {
	grid-template-columns: auto 20px;
	padding-left: 5px;
}

select.erp_guest_data_field {
	width: 250px;
}
.tempNameIcon {
	/* Base 64 encoded SVG image, source:
	<?xml version="1.0" standalone="no"?>
	<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
	<svg width="100%" height="100%" version="1.0" xmlns="http://www.w3.org/2000/svg">
	<path fill="none" stroke="#000" d="m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z"/>
	</svg>
	*/
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
	background-repeat: no-repeat;
	display: inline-block;
	height: 1em;
	width: 1em;
	padding: 2px 3px;
	margin-right: 2px;
}

.tempNameIcon.style1 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjMDAwMEZGIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style2 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjNDFBNUVEIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style3 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjQzBGRkZGIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style4 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjMDBGRkZGIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style5 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjMDBGRjAwIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style6 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjNzhBOTIxIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style7 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjODBGRjgwIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style8 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjODA4MEZGIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style9 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjRkExRDAwIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style10 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjRkYwMEZGIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style11 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjRkY4MDgwIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style12 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjRkZDMEZGIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style13 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjRkZGRjAwIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style14 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjRkZGRkMwIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style15 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjRjQ5ODE2IiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style16 {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjN0IyMUE5IiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style17 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjNDA0MDQwIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.tempNameIcon.style18 {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxIDQ4Ij48cGF0aCBmaWxsPSIjRkVGRUZFIiBzdHJva2U9IiMwMDAiIGQ9Im0yNSwxIDYsMTdoMThsLTE0LDExIDUsMTctMTUtMTAtMTUsMTAgNS0xNy0xNC0xMWgxOHoiLz48L3N2Zz4=);
}

.external_link_warning > table {
	padding: 50px;
}

.external_link_warning div {
	font-size: 4rem;
}

.external_link_warning input {
	font-size: 2rem;
}

.external_link_warning_link {
	width: auto;
	position: relative;
	color: #000000;
	background-color: white;
	border: 2px solid black;
	border-radius: 10px;
	font-size: 3rem;
	text-align: center;
	width: fit-content;
	margin: 40px auto;
	padding: 10px;
}

select.import_parse_selector {
	width: 150px;
}

.import_parser_example {
	border: 2px solid black;
	border-collapse: collapse;
	border-radius: 2px;

}
.import_parser_example td {
	border: 1px solid black;
	min-width: 150px;
}

.import_parser_preview_headers td {
	min-width: 150px;
}

.import_parser_preview_headers td .fulllength {
	width: 150px;
}

.import_parser_preview {
	border: 2px solid black;
	border-collapse: collapse;
	border-radius: 2px;
}
.import_parser_preview td {
	border: 1px solid black;
	min-width: 150px;
}

.import_parser_actions div:first-child {
	padding-bottom: 5px;
}

.scroll_box {
	position: relative;
	overflow-x: auto;
	/* This is a fix to get around max-width 100% going above 100% */
	/* max-width: calc(100vw - 50px); */
	max-width: 100%;
	white-space: nowrap;
}

table tr td.table_mid_align_medium {
	vertical-align: middle;
	font-size: 19px;
}