html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	height : 100%;
	overflow-x: hidden;
}
body {
	background-color: #EEEEEE;
	height : 100%;
	font-family : Arial;
	font-size : 12px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th
{
	text-align: left;
}
input:focus,
textarea:focus,
select:focus
{
	outline: none;
}

table > tbody > tr,
table > thead > tr,
table > tfoot > tr
{
	border-bottom: 1px solid #E0E0E0;
}

table > thead > tr > th,
table > tbody > tr > td,
table > tfoot > tr > th
{
	padding: 0px 12px;
	white-space: nowrap;
	vertical-align: middle;
	height: 36px;
}

table > thead > tr > th,
table > tfoot > tr > th
{
	color: rgba(0,0,0,0.70);
	font-weight: bold;
}
/*
div.fieldset.compact th
{
	min-width:100px;	
}
div.fieldset.compact th.action-column
{
	min-width:initial;	
}
*/
table > tbody > tr > td
{
	font-size: 13px;
}

/** Defaults for shadows */

.shadow-1
{
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.shadow-right-1
{
	box-shadow: 1px 0 3px rgba(0,0,0,0.12), 1px 0 2px rgba(0,0,0,0.24);
}

.shadow-left-1
{
	box-shadow: -1px 0 3px rgba(0,0,0,0.12), -1px 0 2px rgba(0,0,0,0.24);
}

.shadow-1.clickable:hover
{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.shadow-2
{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.shadow-hor-2
{
	box-shadow: 3px 0 6px rgba(0,0,0,0.16), 3px 0 6px rgba(0,0,0,0.23);
}

.shadow-2.clickable:hover
{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.shadow-3
{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.shadow-hor-3
{
	box-shadow: 10px 0 20px rgba(0,0,0,0.19), 6px 0 6px rgba(0,0,0,0.23);
}

.shadow-3.clickable:hover
{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.shadow-4
{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.shadow-hor-4
{
	box-shadow: 14px 0 28px rgba(0,0,0,0.25), 10px 0 10px rgba(0,0,0,0.22);
}

.shadow-4.clickable:hover
{
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.shadow-5
{
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.shadow-hor-5
{
	box-shadow: 19px 0 38px rgba(0,0,0,0.30), 15px 0 12px rgba(0,0,0,0.22);
}

.clickable
{
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

/** Signing iframes */
div#signAttachment
{
	top : 2%;
	left : 1%;
	bottom: 2%;
	right: 1%;
	height : 96%;
	width : 98%;
	padding : 0px;
}

div#signAttachment div.footer
{
	height : 0%;
}

div#signAttachment div.header
{
	height : 100%;
	width:  100%;
	display : table;
	padding:  0px;
}

div#signAttachment div.header div,
div#signAttachment div.header iframe
{
	width : 100%;
	height : 100%;
}

div#signAttachment div.header div.heading,
div#signAttachment div.header div.body
{
	display : table-row;
}

div#signAttachment div.header div.heading
{
	height : 60px;
	margin : 0px;
}

div#signAttachment div.header div.heading > i.fa 
{
    cursor: pointer;
    float: right;
    margin: 20px 30px auto;
}

div#signAttachment div.header div.body > div
{
	padding : 0px 15px;
	width : auto;
}

div#signAttachment div.header div.alternative-signing
{
	padding: 20px 55px 10px 15px;
	display: inline-block;
	font-size: 14px;
	width: auto;
	height: auto;
}

div#signAttachment div.header div.alternative-signing i.fa
{
	font-size: 20px;
	margin-right: 10px;
	padding-bottom: 20px;
	float: left;
	display: block;
}

div#signAttachment div.header div.alternative-signing a
{
	text-decoration: underline;
	cursor: pointer;
}

/** Styling of clickable numbers in overview */
div.advancedTableWrapper tbody tr td > div.number
{
	display: inline-block;
	*display : inline;
	zoom : 1;
	color: white;
	min-width: 16px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	height: 20px;
	border-radius: 10px;
	padding: 0px 2px;
}

div.advancedTableWrapper tbody tr td > div.number.action:hover
{
	padding: 0px 3px;
	line-height: 22px;
	height: 22px;
	border-radius: 11px;
	position: relative;
	left: -1px;
}

div.advancedTableWrapper tbody tr td > div.action
{
	cursor: pointer;
}

/** Default media queries for e-UUR */

/**
 * width < 600px
 * 2 columns, action bar hidden, stream hidden.
 * Phone portait, small phone landscape.
 */
@media all and (max-width:  599px) and (orientation: portrait), (max-width:  799px) and (orientation: landscape)
{
	
}

/**
 * 600px <= width < 960px
 * 2 columns, action bar visible, stream hidden.
 * Large phone landscape, tablet portrait.
 */
@media all and (min-width: 600px) and (max-width: 959px) and (orientation: portrait), (min-width: 800px) and (max-width: 959px) and (orientation: landscape)
{

}

/**
 * 960px <= width < 1280px
 * 4 columns, action bar visible, stream hidden.
 * Tablet landscape, small desktop.
 */
@media all and (min-width: 960px) and (max-width: 1279px)
{
	.timecardhistoryHeight
	{
		height: 165px !important;
	}
}

/**
 * width >= 1280px
 * 4 columns, action bar visible, stream visible.
 * Large desktop.
 */
@media all and (min-width: 1280px)
{
	.timecardhistoryHeight
	{
		height: 165px !important;
	}
}

/**
 * Scrollbar style
 */

div.page-wrapper.login, div.page-wrapper.simple, div.page-wrapper.advanced
{
	position : absolute;
	right : 0px;
	left : 0px;
	top : 0px;
	bottom : 0px;
}

div.page-wrapper.advanced
{
	width : 100%;
}

div.page-wrapper
{
	position : relative;
	
}

div.hidden
{
	display: none;
}

div.page-wrapper.advancasdfed
{
	position : absolute;
	left : 10px;
	right : 10px;
	top : 0px;
	bottom : 0px;
}


div.page-wrapper.login > div.page-header,
div.page-wrapper.simple > div.page-header,
div.page-wrapper.advanced > div.page-header
{
	position : relative;
	height : 60px;
	background: white;
	z-index: 10;
}

div.page-wrapper.advanced > div.page-header
{
	box-shadow: none;
}

div.page-body
{
	position : absolute;
	left : 0px;
	right : 0px;
	top : 60px;
	bottom : 0px;
}

div.page-header > div.logo-panel
{
	position : relative;
	left : auto;
	top : auto;
	bottom : auto;
	height : 60px;
	padding : 0;
	margin : 0;
	width : 75%;
	display : inline-block;
	*display : inline;
	zoom : 1;
	vertical-align : middle;

	background-image : url(../../../image/euur_logo.png);
	background-position : 10px center;
	background-repeat : no-repeat;
	background-size: auto 50px;
}

div.page-wrapper div.page-header > div.logo-panel 
{
/*	left : 0px;
	width : 680px;
	padding : 5px 10px;*/
}

div.page-header > div.navigation-panel
{
	z-index : 3;
	position : absolute;
	right : 0px;
	top : 0px;
	bottom : 0px;
	padding-top: 2px;
}

div.navigation-panel > div.login-info
{
	position : absolute;
	right : 100px;
}

div.page-header > div.side-bar-toggle
{
	position: absolute;
	display: none;
	z-index: 1;
}

div.page-wrapper.login > div.page-body, div.page-wrapper.simple > div.page-body, div.page-wrapper.advanced > div.page-body
{
	position : absolute;
	left : 0px;
	right : 0px;
	top : 60px;	
	*height : 100%;
}

div.page-wrapper.simple > div.page-body
{
	left: 15%;
}

div.page-body > div.body
{
	position : absolute;
	top : 0px;
	left : 0px;
	right : 0px;
	bottom : 0px;
	overflow : hidden;
	z-index : 3;
	background-image : url(../../image/white_stripe.png);
	background-color : #FFFFFF;
	min-height: 400px;
}

div.page-wrapper > div.page-footer
{
	display: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 45px;
	color: white;
	text-align: center;
	box-shadow: 0 -1px 3px rgba(0,0,0,0.12), 0 -1px 2px rgba(0,0,0,0.24);
	z-index: 2;
}

div.page-wrapper > div.page-footer div.nav-button
{
	margin-top: 12px;
	width: 25%;
	margin-left: 0px;
	margin-right: 0px;
}

div.page-wrapper > div.page-footer i.fa
{
	color: white;
}

/** Mobile devices require below to login in landscape mode */
body.mobile div.page-body > div.body
{
	overflow-y : auto;
}

div.banner
{
	border-radius : 5px 5px 0px 0px ;
	/*border : solid 1px #EEE;*/
	overflow : hidden;
	position : relative;
	width : 320px;
	display : inline-block;
	*display : inline;
	zoom : 1;
	padding-top: 30px;
}

div.banner img
{
	width : 320px;
}

div.contact-panel
{
	position : relative;
}

div.contact-panel > h1
{
	background-color : #777777;
	padding : 6px 0px 6px 24px;
	color : #FFFFFF;
	font-weight : bold;
	background-image : url(../../image/icons/fugue/mail.png);
	background-position : 4px center;
	background-repeat : no-repeat;
}
div.contact-panel > div 
{
	padding : 5px;
}

div.nav-button
{
	text-align : center;
	padding : 0px;
	cursor : pointer;
	vertical-align : bottom;
	display: inline-block;
}

div.nav-button.more
{
	display: none;
}

div.nav-button > i.fa
{
	display: block;
	font-size: 24px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	padding: 16px;
}

ul.context-menu div.nav-button > i.fa
{
	display: inline-block;
}

div.nav-button > span
{
	display : block;
	text-align : center;
	padding : 10px;
}

.invisible 
{
	display : none;
}

div.page-wrapper.login.floating
{
	z-index : 4;
	position : absolute;
	top : 0px;
	background-image: none;
	overflow: hidden;	
}

div.page-wrapper.simple.hiding
{
	z-index : 2;
	position : absolute;
	right : 0px;
	top : 0px;
	background-image: none;
	overflow: hidden;	
}

div.page-header-back 
{
	height : 60px;
	position : absolute;
	z-index : 0;
	left : 0px;
	right : 0px;
	top : 0px;
	background-color: #FFFFFF; /* Old browsers */

}

.themed div.page-header > div.alternative-logo
{
	display : inline-block;
}

span.blue
{
	color : #025CBC;
}

div.login-info
{
	margin : 10px 0px;
}

div.login-image
{
	display : inline-block;
	zoom : 1;
	*display : inline;
	vertical-align : middle;
	width : 40px;
}

/* Default login-description. */
div.login-description
{
	display : inline-block;
	zoom : 1;
	*display : inline;
	vertical-align : middle;
	width : 100px;
}

/* Simple-user login-description. */
div.a-w-s-body div.login-description
{
	max-width : 250px;
	width : auto;
}

div.perspective-switch-toggle
{
	display : inline-block;
	zoom : 1;
	*display : inline;
	vertical-align : middle;
	width : 24px;
	height : 24px;
	cursor : pointer;
	background-image : url(../../image/icons/fugue/down_black.png);
}

div.perspective-switch-toggle.toggled
{
	background-image : url(../../image/icons/fugue/up_black.png);	
}


div.dashboard div.dashboardpage
{
	display : block;
	position: absolute;
	width: 100%;
	height:	100%;
}

div.dashboard div.dashboardpage:after
{
	content: '';
	clear: both;
	display: block;
}

div.dashboard div.dashboardpage.hiddenpage,
div.dashboard div.dashboardpage.hiddenpage div
{
	display : none;
}

div#switch-dashboard,
div#switch-dashboard-small
{
	position: absolute;
	bottom: 0px;
	text-align: center;
}


div#switch-dashboard-small
{
	position: initial;
	display:none
}

div#switch-dashboard div.link,
div#switch-dashboard-small div.link
{
	display: inline-block;
	font-size: 13px;
	padding: 5px 20px;
	color: rgba(0,0,0,0.54);
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.7px;
	cursor: pointer;
}

div#switch-dashboard div.link.selected,
div#switch-dashboard-small div.link.selected
{
	color: rgba(0,0,0,0.87);
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
	div#switch-dashboard-small
	{
		left: 0;
		right: 0;
		top: 5px;
	}
	div#switch-dashboard-small div.link
	{
		font-size: 12px;
		padding: 5px 5px;
	}
	div#switch-dashboard-small div.link.selected
	{
		border: none;
	}

div#switch-dashboard div.link:hover,
div#switch-dashboard div.link:hover
{
	color: rgba(0,0,0,0.87);
}

div.awjs-p-content div.awjs-p-bar
{
	border: none;
}

th.verticalText
{
	height : 220px;
	vertical-align : bottom;
}

th.verticalText > div
{
  -webkit-transform: rotate(-90deg); 
     -moz-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg); 
       -o-transform: rotate(-90deg); 
          transform: rotate(-90deg); 
             filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6�IE9 */
                     M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17, sizingMethod='auto expand');
               zoom: 1;
	text-align : left;
	width : 24px;
}

th.verticalText > div > div
{
	margin-left : 24px;
}

table.roleMatrix tbody th
{
	text-align : right;
}


h1.awjs-group-header > span
{

	display : inline-block;
	*display : inline;
	zoom : 1;
	/*background-image : url(../../image/icons/fugue/document.png);*/
}

div.page-header div.pre-logo-panel,
div.page-header div.logo-panel,
div.akyla-widget-stream
{
	overflow : hidden;
}

.info-tabs div.a-w-j-t-spane.contents
{
	min-height : 490px;
}

.info-tabs div.a-w-j-t-spane.toolbars
{
	display: none;
}

.start-menu.akyla-widget-button,
.start-menu.akyla-widget-button:hover
{
	border: none;
	background: transparent;
	color: white;
	box-shadow: none;
	cursor: pointer;
	font-size: 16px;
	padding: 14px 15px;
}

.start-menu.akyla-widget-button:before
{
	content: "\f0c9";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 18px;
	position: relative;
	display: inline-block;
	margin-right: 10px;
}

div.info-tabs
{
	margin-top : 30px;
	overflow : auto;
	position: relative;
	z-index: 1;
	padding: 30px;
	background-color: white;
}

div.awj-advanced-tabs div.info-tabs
{
	margin : 15px;
}

div.info-tabs > div.a-w-j-tabs div.a-w-j-t-button
{
	margin-top: 0px;
}

div.a-w-s-sidebar, div.navigation-panel, div.sidebar
{
/*	-webkit-box-shadow : 0px 0px 15px 0px #777777;
	box-shadow : 0px 0px 15px 0px #777777;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=-90, Color='#AAAAAA')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=-90, Color='#AAAAAA');
*/
}

.ie-8 div.a-w-s-sidebar, .ie-8 div.page-header div.navigation-panel, .ie-8 div.sidebar
{
	width: 308px;
}

.ie-8 div.a-w-s-sidebar div.a-w-s-pane
{
	width: 300px;
	margin-left: 8px;
	overflow: hidden;
}

.ie-8 div.a-w-s-sidebar div.a-w-s-pane div.awjs-items
{
	width: 300px;
}

div.info-tabs
{
}

div.contact-details {
	padding : 5px;	
}

div.contact-info h1.awjs-group-header > span
{
	padding: 8px 2px 8px 8px;
}

div.contact-info h1.awjs-group-header
{
	position: relative;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #DDD;	
}

/* Default perspective-switcher */
div.perspective-switcher,
div.language-switcher,
div.more-switcher
{
	position : absolute;
	width : 300px;
	background-color : #FFFFFF;
	right : 0;
	top : 0;
	z-index : 20;
	min-height : 50px;
	display : none;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

/* Simple-user perspective-switcher. */
div.a-w-s-body div.perspective-switcher,
div.a-w-s-body div.language-switcher
{
	left : 50px;
	top : 55px;
}

div.language-switcher > ul.context-menu > li,
div.perspective-switcher > ul.context-menu > li,
div.more-switcher > ul.context-menu > li
{
	line-height: 16px;
	padding: 16px;
	margin: 0px;
}

div.more-switcher > ul.context-menu > li
{
	padding: 0px;
}

div.language-switcher > ul.context-menu > li > i.fa,
div.perspective-switcher > ul.context-menu > li > i.fa,
div.more-switcher > ul.context-menu > li > div.nav-button > i.fa
{
	font-size: 16px;
	width: 16px;
	padding: 0px;
	padding-right: 16px;
	height: 16px;
	line-height: 16px;
}

div.perspective-switcher > ul.context-menu > li.active
{
	font-weight: bold;
}

div.perspective-switcher > ul.context-menu > li.perspective-switch.helpdesk
{
	font-style : italic;
}

div.language-switcher > ul.context-menu > li img
{
	vertical-align: middle;
	padding-right: 16px;
}

div.more-switcher
{
	top: 56px;
}

div.more-switcher div.nav-button
{
	display: block;
	text-align: left;
	padding: 16px;
}

.jTour_exposed
{
	/*background-color : yellow !important;*/
	z-index : 10000;
}

div.topToolbar
{
	padding: 0px 0px 30px 0px;
}

div.topToolbar span.rowCount
{
	display: none;
}

div.topToolbar > div.button-holder
{
	position : absolute;
	display : inline-block;
	left : 0px;
	top : 0px;
}

div.topToolbar > div.button-holder > div
{
	display : inline-block;
	*display : inline;
	zoom : 1;
}

body.mobile div.advancedTableWrapper > div.topToolbar.shared div.searchControls
{
	margin-right : 15px;
}

div.awjs-pane.list > div.awjs-p-bar
{
	height : 2px !important;
}

div.awjs-pane.list > div.awjs-p-bar
{
	display : none;
}

div.awjat-spane.contents
{
	padding : 15px;
}

div.tab-content
{
	padding: 30px;
	background: white;
	margin: 15px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

div.info-tabs div.advancedTableWrapper > div.topToolbar
{
	padding: 0px;
}

div.info-tabs div.topToolbar > form,
div.info-tabs div.topToolbar > img,
div.info-tabs div.topToolbar > div,
div.info-tabs div.topToolbar > button
{
	display : none;
}

div.info-tabs div.a-w-j-t-spane.contents div.topToolbar > a.dropDown
{
	position: relative;
	top: -34px;
}

div.info-tabs div.advancedTableWrapper > div.topToolbar.shared > a.dropDown {
	display : inline-block;
}

div.login-remember input
{
	margin-right : 5px;
	position : relative;
	top : 2px;	
}

button.imageless
{
	padding : 6px 24px 6px 24px;	
}

div.facebook-attention
{
	padding:10px;
	
}

h1.help
{
	padding : 6px;
	font-size : 130%;
}

p 
{
	margin : 10px 5px;
}

.ui-widget-header
{
	background : #4f4f4f;
	border : none;
	border-radius : 0px;
}

div.awjs-p-content > form,
div.awj-pane > form,
div.tab-content > form,
div.tab-content.workflow > div > form
{
	margin: 0px -10px;
}

div.tab-content.workflow > div.advancedTableWrapper
{
	margin-top: 30px;
}

a:link,
a:active,
a:hover,
a:focus,
a:visited
{
	color: inherit;
	text-decoration: inherit;
}

div.developed
{
	position : fixed;
	left : 5px;
	bottom : 5px;
	z-index : 10000;
	color : #333333;
	text-shadow: 1px 1px 5px #FFFFFF;
}

div.page-wrapper.login div.developed,
div.page-wrapper.simple div.developed,
body.mobile div.developed
{
	display: none;
}

div.maintenance-messages
{
	position : absolute;
	top : 0px;
	left : 305px;
	right : 305px;
	min-width : 300px;
	z-index : 10000;
}

div.maintenance-messages div.maintenance-message i
{
	font-size : 16px;
	margin : 0px 3px;
}
	
div.maintenance-messages div.maintenance-message
{
	background-color : white;
	margin-top : 5px;
	padding : 5px 5px 5px 5px;
}

div.maintenance-messages div.maintenance-message > div.maintenance-message-close-button
{
	float : right;
	right : 5px;
	top : 5px;	
	width : 18px;
	height : 18px;
	cursor : pointer;
}

div.navigation-panel div.nav-button.jTour_exposed
{
	background-color: white;
	opacity: 0.7;
}

div.supported-browsers
{
	text-align : left;
	height : 35px;
    margin-top: 20px;
    margin-left: 10px;
   }
div.supported-browsers div.browser
{
	height : 100%;
	margin : 5px;
	text-align : center;
}

div.supported-browsers i
{
	font-size : 30px;
}

div.supported-browsers div.description 
{
	margin-left : 5px;
}

div.browser {
	width : auto;
	display : inline-block;
	*display : inline;
	zoom : 1;
	position : relative;
	cursor : pointer;
	vertical-align: middle;
}


div.browser > div.version, div.browser > div.version-shadow  {
	position : absolute;
	left : 0px;
	bottom : 0px;
	color : #222;
	font-weight : bold;
	font-size : 13px;
	z-index : 2;
}

div.browser > div.version-shadow {
	z-index : 1;
	left : 1px;
	bottom : 1px;
	color : #DDD;
}

div.browser > img, div.browser > div.description {
	display : inline-block;
	*display : inline;
	zoom : 1;
	vertical-align : middle;
}

div.browser > div.description {
	display : none;
	color : #888;
	width : 182px;
	text-align : left;
}

div.browser:hover > div.description {
	display : inline-block;
	*display : inline;
	zoom : 1;
}

div.justified label
{
	display : block;
	margin-bottom : 5px;
}

div.justified label img 
{
	vertical-align: middle;
}

div.justified label code 
{
	
}

a.locale-download
{
	margin : 0px 0px 5px 0px;
	text-decoration : none;
	font-size : 150%;
}

span.locale-download
{
	margin : 0px 0px 5px 0px;
	text-decoration : none;
	font-size : 150%;
}

a.locale-download img
{
	vertical-align: middle;
	margin-right : 5px;
}

span.locale-download img
{
	vertical-align: middle;
	margin-right : 5px;
}

div.status-bar-container
{
	border : solid 1px #000000;
	width : 300px;
	display : none;
	background-color : #DDDDDD;	
	margin : 2px;
	position : relative;
}
div.status-bar
{
	background-color : #4D4D4F;
	height : 20px;
	width : 0px;
}
div.status-bar-container > span 
{
	position : absolute;
	left : 0px;
	top : 0px;
	right : 0px;
	bottom : 0px;
	text-align : center;
	display : block;
	padding : 4px;
	color : #777777;
}

div.file-info
{
	display : inline-block;
	*display : inline;
	zoom : 1;
	width : 350px;
	border-radius: 3px;
	border : solid 1px #DDDDDD;
	margin : 2px;
	vertical-align: middle;
	background-color : #EEEEEE;
	padding : 4px;
	position : relative;
}

div.file-info span.file-explanation
{
	font-size : 90%;
	font-style : oblique;
	margin-top : 30px;
	display : block;
}

div.file-info:hover
{
	background-color : #DDDDDD;
}


div.file-upload
{
	display : inline-block;
	*display : inline;
	zoom : 1;
	width : 450px;
	border-radius: 3px;
}

div.file-upload input[type=submit]
{
	/* Fixed width; IE7 takes alle space available otherwise */
	padding: 6px 4px;
	overflow: visible;
}

input.file-upload
{
	width : 100%;
	height : 100%;
}

div.file-hider
{
	position : relative;
	display : inline-block;
	*display : inline;
	zoom : 1;
	vertical-align: middle;
	border-radius : 2px;
	border: solid 1px #DDDDDD;
	margin : 2px;
	width : 200px;
	height : 20px;
}

div.file-info > button
{
	display : none;
	position : absolute;
	right : 1px;
	top : 1px;
	/* Fixed width; IE7 takes alle space available otherwise */
	padding: 6px 6px;
	overflow: visible;
	background-color: #EFEFEF;
}

div.file-info:hover > button
{
	display : block;
}

div.file-info:hover > button:active
{
	position:absolute;
	top:2px;
	color : #444444;
}
button.refresh
{
	float:	right;
	position: relative;
	z-index: 2;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}
div.hidden
{
	display: none;
}

#captcha-container 
{
	width : 300px;
	height : 85px;
	margin : auto;
	padding-top : 4px;
}

.captcha-image-container 
{
	width : 200px;
	height : 50px;
	display : inline-block;
	*display : inline;
	zoom : 1;
}

div.error-message, div.success-message
{
	width : 90%;
	max-width: 600px;
	display : block;
	margin : 30px auto;
	padding : 0px;
	border-radius : 5px;
	overflow : hidden;
	background-color : #666;
	box-shadow: 0 0 0 3px #F1F1F1;
}

div.error-message h1, div.success-message h1
{
	margin : 2px 2px 0px 2px;
	border-radius : 3px 3px 0px 0px;

	background: #EEE;
	background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #EEE), to(#DFDFDF));
	background-image: -webkit-linear-gradient(#EEE 6.6%, #DFDFDF);
	background-image: -moz-linear-gradient(#EEE 6.6%, #DFDFDF);
	background-image: -o-linear-gradient(#EEE 6.6%, #DFDFDF);
	border-bottom: 1px solid #CCC;
	color: #456;
	font-size: 16px;
	text-shadow: 0 1px 1px white;
	padding: 0px 10px;
	line-height: 36px;
	font-size: 14px;
	font-weight: normal;	
}

div.error-message > div, div.success-message > div
{
	font-size: 12px;
	color: #666;	
	margin : 0px 2px 2px 2px;
	line-height: 150%;
	padding : 6px 6px 6px 32px;
	min-height : 150px;
	border-radius : 0px 0px 3px 3px;
	background-color : #FFFFFF;
	background-image : url(../../image/icons/fugue/bonus/icons-24/exclamation.png);
	background-position : 3px 3px;
	background-repeat : no-repeat;
}

div.error-message.forbidden > div
{
	background-image : url(../../image/icons/fugue/bonus/icons-24/cross-circle.png);
}

div.success-message > div
{
	background-image : url(../../image/icons/fugue/bonus/icons-24/tick.png);	
}



body.error div.developed, body.error div.current-identity, body.error div.akyla-widget-logger, body.error div.page-header-back
{
	display : none;
}

body.error
{
	background : none;
}

div.ajax-loader
{
	position : absolute;
	top : 0px;
	left: 70%;
	margin-left: -78px;
	padding : 5px 10px;
	height : 30px;
	width: 156px;
	background-color : #FFF;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	z-index: 950;
	line-height: 30px;
}

div.ajax-loader:before
{
	content: "\f021";
	animation: fa-spin 2s infinite linear;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 30px;
	margin: 0px 15px 0px 0px;
	vertical-align: bottom;
}

div.ajax-loader > img
{
	display: none;
}

div.akylaWindow div.heading span.jsTitle
{
	font-size : large;	
}

/*
div.akylaWindow.error div.heading
{
	background-color : red;
}
*/

div.akylaWindow div.heading span.jsAlert
{
	font-size : large;	
}

div.page-header > div.pre-logo-panel
{
	display : inline-block;
	*display : inline;
	zoom : 1;
	vertical-align : middle;
}

div.pre-logo-panel > span
{
	margin-left : 5px;
}

div.helpform,
div.faq-content
{
	display : none;
}

div.vendormessage
{
	height : 99%;
}

div.vendormessage form
{
	height : 99%;
}

div.vendormessage-heading
{
	margin-top : 3px;
}

div.vendormessage-heading > span
{
	font-weight : bold;
	margin : 10px 0px 0px 10px;
	font-size : 150%;
}

div.vendormessage textarea
{
	width : 99%;
	height : 50%;
}

div.fillsurvey
{
	width : 99%;
	height : 380px;
}


div.page-body div.fillsurvey
{
	width : 99%;
	height : 100%;
}


div#termsandconditions > div.header > div.body
{
	position : absolute;
	top : 130px;
	left : 30px;
	right : 30px;
	bottom : 30px;
}

div#termsandconditions > div.header > div.heading > button
{
	margin-bottom: 10px;
}

div#termsandconditions
{
	height: 90%;
	top: 5%;
}

div#termsandconditions div.euurDialog,
div#termsandconditions div.euurDialog div.termsandconditions,
div.termsandconditions iframe
{
	height : 100%;	
	width : 100%;
}

div#termsandconditions div.euurDialog div.termsandconditions p
{
	margin: 10px 0px;
}

div#termsandconditions div.euurDialog div.termsandconditions a
{
	text-decoration: underline;
}

a.underline
{
	text-decoration: underline;
	cursor : pointer;
}

	/*
	div.fillsurvey iframe
	{
		width : 100%;
		height : 500px;
	}
	*/

div.fillsurvey iframe
{
	width : 100%;
	height : 95%;
}

div#fillsurveyinvitation div.header h1
{
	font-size: initial;
    font-weight: bolder;
    margin: 5px;
    display:inline;
}

div#termsandconditions.akylaWindow
{
	overflow : hidden;
}

#help div.euurDialog div.faq-content div.faq-pair
{
	margin-top:20px;
	padding:5px;
	border: 1px solid lightgray;	
}

#help div.euurDialog div.faq-content div.faq-question,
#help div.euurDialog div.faq-content div.faq-answer
{
	width: 50%;
	display:inline-block;
	cursor : pointer;
}

#help div.euurDialog div.faq-content div.faq-question-label,
#help div.euurDialog div.faq-content div.faq-answer-label
{
	font-size:10px;
}

#help div.euurDialog div.faq-content div.faq-question-text,
#help div.euurDialog div.faq-content div.faq-answer-text
{
	font-weight: bold;
}
#help div.euurDialog div.faq-content div.faq-answer-text
{
	font-style:italic
}
#help div.euurDialog div.faq-content div.faq-question-text img
{
	margin-right:6px;
}
#help div.euurDialog div.faq-content div.formPair.upload
{
	margin-bottom: 0px;
}
#help div.euurDialog div.faq-content div.formPair.upload div.formElementInputDiv
{
	border-bottom-width: 0px;
}
#help div.euurDialog div.faq-content div.faq-answer
{
	display: none;
	margin-top: 10px;
	border: 1px solid darkgray;
	padding: 5px;
	margin-left: 20px;
	background: white;
}

div.infoDialog 
{
	height : 100%;
}

div.awjs-pane div.fieldset.timecardattachment-bijlage div.legend.switchable
{
	background : #f12938;
}



div.externalScript div.advancedTableWrapper span.searchWidget,
div.externalScript div.advancedTableWrapper a.dropDown
{
	display:none;
}

div.externalScript div.advancedTableWrapper > div.wrapper > table > tbody > tr,
div.externalScript div.advancedTableWrapper > div.wrapper > table > thead > tr > th 
{
	cursor: auto;
}

ul.name-list {
	list-style : disc;
}

ul.name-list > li {
	list-style : disc;
	margin-left : 20px;
}

.flexworker-privileges {

}

.flexworker-privileges label {
	display : block;
}

.flexworker-privileges label > input {
	margin-right : 10px;
}

div.formElementRadioButtonDiv {
	display : inline-block;
	*display : inline;
	zoom : 1;
	margin-right : 10px;
}

div.jTour_content
{
	border: 1px solid white;
}


div.course-form-col
{
	display:inline-block;
	zoom: 1;
	*display:inline;	
	/*width:50%;*/
	vertical-align: top;
}

div.course-form-col.left{}
div.course-form-col.right{
	background: white;
	padding: 5px;
	margin: 5px;
/*	width: 45%;*/
}

div.course-form-col div.a-w-ajax-select
{
	width:100% !important;
}

div.streamsearchcontainer
{
	display : inline-block;
	width : 30px;
	height : 25px;
	text-align : right;
	float : left;
	margin-left : -5px;
	margin-top : -8px;
	margin-bottom : -8px;
}

div.streamsearchcontainer img.streamsearch
{
	display : inline-block;
	float : left;
	padding-top : 7px;
}

span.appoptionsubdivision
{
	display : block;
	font-size : 120%;
	font-weight : bold;
	/*height : 15px;*/
	padding : 3px 3px 3px 3px;
	background-color :  #dfdfdf;
}

.awr-graph {
}

.report-button {
	display : inline-block;
	*display : inline;
	zoom : 1;
	width : 250px;
	text-align : center;
	margin : 5px;
	border : solid 1px #DDD;
	background-color : #EEE;
	border-radius : 5px;
	cursor : pointer;
}

.report-button:hover {
	background-color : #CCC;	
}

.report-button span {
	display : block;
	font-size : 110%;
	font-weight : bold;
}

.a-w-report-widget {
	background-color : #FFF;
	height : 400px;
	margin : 5px;
	border : solid 1px #DDD;
	border-radius : 5px;
	position : relative;
}
.a-w-report-widget.double.maximize {
height: auto;
}
.a-w-report-widget .awr-graph {
	position : absolute;
	top : 25px;
	left : 5px;
	right : 5px;
	bottom : 5px;
}
	
form.settings div.formElementLabelDiv.tooltipped
{
	z-index : 5;
}

form.settings div.awas-it-wrapper
{
	z-index : 6;
}

div.akyla-widget-stream > div.showhidesidebar
{
	position: fixed;
	right: 0px;
	top: 400px;
	background-image: url('../../image/icons/fugue/left.png');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10;
	display: none;
	width: 30px;
	height: 70px;
	border: 1px solid white;
	border-right: 0px;
	border-radius : 5px 0px 0px 5px;
	box-shadow: 0px 0px 15px 0px #555555;
	cursor: pointer;
}

div.awjs-item.inactive
{
	/*background-color : red !important; */
	background-color : #EECCCC !important;
}

div.doyouknowheader
{
	font-size: 22px;	
}

.doyouknowcontent
{
	list-style-type: disc; 
	list-style-position: inside;
}

.doyouknowcontent b
{
	font-weight: bold;
}

div.euurDialog.margininvoice div.body b
{
	font-weight: bold;
}

div.mysolutionsyncheader
{
	font-size: 18px;	
}

.alertDialog.mysolutionsync
{
	padding : 30px 30px !important;
	list-style-type: disc; 
	list-style-position: inside;
}

.infoDialog.mysolutionsync b
{
	font-weight: bold;
}


/* .invoicesummary
{
	margin:10px;	
}
 */
div.generateinvoices form
{
 	padding:10px;
 	background-color: lightgrey;
 	margin-bottom:20px;
}
/*
.invoicesummary-list.notice
{
	font-weight: bold;
}*/
.importantnotice
{
	font-weight: bold;
	color:red;
}

.invoicesummary-list
{
	font-size:10px;
	width:100%;
	max-height:100px;
	overflow-y:scroll;
	backgound-color:#ddd;
	border: 1px solid gray;
	margin-top:10px;
}
.invoicesummary-list li
{
	margin:2px;
}

div.popup16yearsheader
{
	font-size: 20px;
	min-height: 20px !important;
}

.popup16years ul
{
	list-style: normal;
	list-style-type: disc;
	list-style-position: outsite;
	padding-left: 20px;
}

.popup16years li
{
	list-style-position: outsite;
}

div.fr-popup input
{
	height : 30px;
}

/** News item read panel */
div.newsitem-read-panel
{
}

div.newsitem-read-panel b
{
	font-weight: bold;
}

div.newsitem-read-panel a
{
	color: #0000B0;
}
div.newsitem-read-panel a:hover
{
	text-decoration: underline;
}

div.newsitem-read-panel ul,
div.newsitem-read-panel ol
{
	padding: 5px 0px 10px 25px;
}
div.newsitem-read-panel ul
{
	list-style: disc;
}
div.newsitem-read-panel ol
{
	list-style: decimal;
}

/** Style for datepicker */

body div.ui-datepicker,
body div.ui-widget.ui-widget-content,
body div.ui-widget-header,
body div.ui-datepicker a.ui-state-default,
body div.ui-datepicker .ui-datepicker-title,
body div.ui-datepicker div.ui-datepicker-buttonpane
{
	border: none;
	border-radius: 0px;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	padding: 0px;
	width: auto;
	background-color: transparent;
}

body div.ui-datepicker.ui-widget.ui-widget-content
{
	background-color: white;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	padding: 15px;
	margin-top: 7px;
	z-index: 10001 !important;
}

body div.ui-datepicker.ui-widget.ui-widget-content.position-top
{
	margin-top: -7px;
}

body div.ui-datepicker .ui-datepicker-prev span,
body div.ui-datepicker .ui-datepicker-next span
{
	background-image: none;
	font: normal normal normal 16px/1 FontAwesome;
	text-indent: 0px;
	color: transparent;
	width: 16px;
	text-align: center;
	cursor: pointer;
}

body div.ui-datepicker .ui-datepicker-prev,
body div.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover
{
	top: 6px;
	left: 10px;
}

body div.ui-datepicker .ui-datepicker-next,
body div.ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover
{
	top: 6px;
	right: 10px;
}

body div.ui-datepicker .ui-datepicker-prev span:before
{
	content: "\f053";
}

body div.ui-datepicker .ui-datepicker-next span:before
{
	content: "\f054";
}

body div.ui-datepicker .ui-datepicker-prev-hover,
body div.ui-datepicker .ui-datepicker-next-hover
{
	background: transparent;
	border: none;
}

body div.ui-datepicker .ui-datepicker-header
{
	padding: 5px 10px;
}

body div.ui-datepicker .ui-datepicker-title select
{
	font-family: inherit;
	font-size: 13px;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.12);
	margin: 0px 8px;
	height: 20px;
	width: 40%;
}

body div.ui-datepicker th,
body div.ui-datepicker td
{
	padding: 2px 12px;
	font-size: 12px;
}

body div.ui-datepicker td
{
	font-size: 13px;
}

body div.ui-datepicker td.ui-datepicker-week-col
{
	color: rgba(0,0,0,0.54);
	font-weight: bold;
}

body div.ui-datepicker table > tbody > tr
{
	border: none;
}

body div.ui-datepicker a.ui-state-default
{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 15px;
}

body div.ui-datepicker a.ui-state-active
{
	color: white;
	font-weight: bold;
}

body div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
{
	color: rgba(0,0,0,0.87);
	opacity: 1;
}

button.relatedinformation
{
	display : none !important;
}

button.relatedinformation
{
	display : none !important;
}

div.hasrelatedinformation.one-item
{
	display : none !important;
}

div.awjs-p-wrapper > div.awjs-pane-title,
div.info-tabs > div.awjs-pane-title
{
	min-height: 30px;
	font-size: 24px;
	margin-bottom: 20px;
	position: relative;
	padding-right: 35px;
	line-height: 110%;
}

div.awjs-p-wrapper > div.awjs-pane-title > span.title
{
	display: inline-block;
	margin-right: 10px;
}

div.awjs-p-wrapper > div.awjs-pane-title > span.subtitle,
div.info-tabs > div.awjs-pane-title > span.subtitle
{
	font-style: italic;
}

div.awjs-p-wrapper > div.awjs-pane-title > div.button-holder
{
	display: none;
}

div.info-tabs > div.awjs-pane-title
{
	display : none;
}

.registrationlinkiban
{
	
	color : blue !important;
}

i.awjs-c-close,
i.backfromrelatedinformation
{
	position : absolute;
	right : 0px;
	top: 0px;
	cursor : pointer;
	z-index : 3;
	font-size: 24px;
}

i.systemcheck-fail
{
	color : red !important;
	margin-right : 5px;
}

i.systemcheck-warning
{
	color : orange !important;
	margin-right : 5px;
}

i.systemcheck-success
{
	color : green !important;
	margin-right : 5px;
}

div.systemcheck-lights
{
	display: inline-block;
	margin: 0px 10px;
	position: relative;
	z-index: 1;
	padding: 0px 10px;
	cursor: pointer;
	vertical-align: top;
}

div.systemcheck-lights i.fa
{
	position: relative;
	font-size: 0px;
	margin: 3px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 100%;
	border : solid 2px black;
	color: white;
	vertical-align: middle;
}

div.systemcheck-lights i.fa.red
{
	font-size: 42px;
	color: red;
}

div.systemcheck-lights i.fa.orange
{
	font-size: 42px;
	color: orange;
}

div.systemcheck-lights i.fa.green
{
	font-size: 42px;
	color: green;
}

div.systemcheck-fieldset
{
	margin: 0px 10px;
	width: 350px;
	height : 150px;
}

div.systemcheck-current
{
	width: 350px;
}

span.fa-stack
{
	margin-right : 20px;
}

span.fa-stack-1x
{
	line-height: 45px;
	margin-left : 8px;
	color : white;
}

td.systemcheck-statusLights
{
	height: 50px;
	vertical-align : top;
}


div.twofactorauthentication
{
    margin-top : -20px;
    margin-bottom : 20px;
}
div.twofactorauthentication span
{
    display: block;
    margin-bottom : 5px;
}
div.twofactorauthentication span.heading
{
	font-weight: bold;
}

body.chrome .ps-container::-webkit-scrollbar
{
	display: none;
}

body.chrome .ps-container
{
	overflow: auto !important;
}

body.mobile .ps-container
{
	overflow: hidden !important;
}

div.customselect-fieldset
{
	margin-top : 10px;
	border : none;
	font-size : 12px;
}

div.customselect-fieldset span.disabled
{
	color : rgba(0,0,0,0.54);
	margin-left: 10px;
}

div.customselect-fieldset span.enabled
{
	color : #202020;
	margin-left: 10px;
}

@media all and (orientation: portrait)
{
	div#signAttachment
	{
		top : 2%;
		left : 2%;
		bottom: 2%;
		right: 2%;
		height : 98%;
		width : 98%;
		padding : 0px;
	}
}

/**
 * width < 600px
 * 2 columns, action bar hidden, stream hidden.
 * Phone portait, small phone landscape.
 */
@media all and (max-width:  599px) and (orientation: portrait), (max-width:  799px) and (orientation: landscape)
{
	html,
	body
	{
		overflow: hidden;
		position: fixed;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
	}

	body.mobile div.freshwidget-button
	{
		left: -25% !important;
		margin-left: 50% !important;
	}

	div.page-header > div.side-bar-toggle
	{
		display: block;
	}

	div#pageHeader
	{
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
		position: fixed;
	}

	div.awjat-pane-wrapper.contents
	{
		top: 56px !important;
	}

	div.awjat-spane.contents
	{
		padding: 0px;
	}

	div.tab-content
	{
		padding: 15px 10px;
		margin: 0px;
	}

	div.page-wrapper.advanced > div.page-body
	{
		top: 0px;
	}

	/** TODO REMOVE THIS ! */
	div.awjat-m-item,
	div.awjat-sub-m-item
	{
		color: black;
	}

	div.page-wrapper.simple > div.page-body
	{
		left: 0;
	}

	body > div.page-header-back
	{
		height: 56px;
	}

	div.page-wrapper.simple > div.page-header,
	div.page-wrapper.login > div.page-header,
	div.page-wrapper.advanced > div.page-header
	{
		height: 56px;
		display: inline-block;
		width: 100%;
	}

	div.page-wrapper > div.page-header > div.navigation-panel
	{
		padding-top: 0px;
	}

	div.page-wrapper > div.page-header > div.navigation-panel > div.nav-button
	{
		display: none;
	}

	div.page-wrapper.login > div.page-header > div.navigation-panel > div.nav-button.locale,
	div.page-wrapper.vacancy > div.page-header > div.navigation-panel > div.nav-button.locale
	{
		display: initial;
	}

	div.page-wrapper > div.page-header > div.navigation-panel > div.nav-button.showhidesidebar
	{
		display: inline-block;
	}

	div.page-wrapper > div.page-header > div.navigation-panel > div.nav-button.more > i.fa
	{
		width: auto;
	}

	div.page-wrapper > div.page-body
	{
		/*bottom: 45px;*/
	}

	div.page-wrapper.simple > div.page-body,
	div.page-wrapper.login > div.page-body
	{
		top: 56px;
	}

	div#switch-dashboard
	{
		display: none
	}

	div#switch-dashboard-small
	{
		display: initial;
	}

	div.page-header > div.pre-logo-panel
	{
		display: none;
	}

	div.page-header > div.logo-panel
	{
		display: block;
		width: auto;
		background-position: center center;
		background-size: contain;
		/*background-size: auto 50px;*/
		height: 35px;
		margin: 8px 56px;
	}

	div.ajax-loader
	{
		left: 50%;
	}

	div.page-wrapper > div.page-footer
	{
		/*display: block;*/
	}

	div.awjs-pane div.perspective-switcher
	{
		width: 100%;
		height: 100%;
		z-index: 9;
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
		box-shadow: none;
	}

	div.info-tabs
	{
		display: none;
	}

	body div.ui-datepicker.ui-widget.ui-widget-content
	{
		top: 25% !important;
		left: 5% !important;
		right: 5% !important;
		padding: 10px;
		margin-top: 0px;
	}

	body div.ui-datepicker.ui-widget.ui-widget-content.position-top
	{
		margin-top: 0px;
	}

	body div.ui-datepicker .ui-datepicker-header
	{
		padding: 0px;
	}

	body div.ui-datepicker .ui-datepicker-title
	{
		margin: 0px 10px;
	}

	body div.ui-datepicker th,
	body div.ui-datepicker td
	{
		padding: 2px 0px;
	}

	body div.ui-datepicker .ui-datepicker-prev,
	body div.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover
	{
		top: 0px;
		left: 0px;
	}

	body div.ui-datepicker .ui-datepicker-next,
	body div.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover
	{
		top: 0px;
		right: 0px;
	}

	body div.ui-datepicker td.ui-datepicker-week-col
	{
		text-align: center;
	}

	body div.ui-datepicker a.ui-state-default
	{
		width: auto;
		height: auto;
		line-height: normal;
	}

	body div.ui-datepicker table > thead > tr > th,
	body div.ui-datepicker table > tbody > tr > td,
	body div.ui-datepicker table > tfoot > tr > th
	{
		height: 24px;
	}

	body div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
	body div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close
	{
		margin: 0px;
	}

	/** Info tab related responsiveness changes */
	button.relatedinformation
	{
		display: block !important;
	}

	div.hasrelatedinformation.one-item
	{
		display: block;
	}

	div.info-tabs
	{
		box-shadow: none !important;
		margin-top: 0px;
		padding: 0px;
		position: relative;
	}

	div.tab-content.perspectiveswitcher div.perspective-switcher
	{
		display: block;
		width: 100%;
		height: 100%;
	}

	div.file-info
	{
		width: auto;
		min-width: 290px;
		max-width: 350px !important;
	}

	div.file-hider
	{
		display: block;
	}

	div.locale-file
	{
		margin-bottom: 10px;
	}

	div.awj-advanced-tabs div.info-tabs
	{
		margin: 0px;
		padding: 0px;
	}

	.mobile div.info-tabs > div.awjs-pane-title
	{
		display : block;
	}

	.mobile div.awjs-pane,
	.mobile div.info-tabs div.a-w-j-tabs
	{
		padding: 15px 10px;
		padding-top: 71px;
		box-shadow: none;
	}

	.mobile div.awjs-p-wrapper > div.awjs-pane-title,
	.mobile div.info-tabs > div.awjs-pane-title
	{
		margin-bottom: 0px;
		font-size: 16px;
		color: white;
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
		z-index: 2;
		position: absolute;
		top: 0px;
		width: 100%;
		min-height: 56px;
	}

	.mobile div.awjs-p-wrapper > div.awjs-pane-title > span.subtitle,
	.mobile div.info-tabs > div.awjs-pane-title > span.subtitle
	{
		font-style: normal;
		padding: 16px 0px 16px 56px;
		display: inline-block;
		line-height: 24px;
		max-width: 45%;
		text-overflow: ellipsis;
		overflow: hidden;
		height: 24px;
		vertical-align: middle;
		white-space: nowrap;
	}

	.mobile div.awjs-p-wrapper > div.awjs-pane-title > i.awjs-c-close,
	.mobile div.info-tabs > div.awjs-pane-title > i.fa-arrow-left
	{
		color: white;
		right: auto;
		left: 0px;
		padding: 16px;
	}

	.mobile div.awjs-p-wrapper > div.awjs-pane-title > div.button-holder,
	.mobile div.info-tabs > div.awjs-pane-title > div.button-holder
	{
		text-align: right;
		display: inline-block;
		float: right;
		z-index: 3;
	}

	.mobile div.awjs-pane-title > div.button-holder > div.topToolbar
	{
		padding-bottom: 0px;
	}

	.mobile div.awjs-pane-title > div.button-holder > div > button,
	.mobile div.awjs-pane-title > div.button-holder > div > a,
	.mobile div.awjs-pane-title > div.button-holder > div > button[disabled]:hover,
	.mobile div.awjs-pane-title > div.button-holder > div > div.awj-dropdown > button,
	.mobile div.awjs-pane-title > div.button-holder > div > div.awj-dropdown > button[disabled]:hover,
	.mobile div.awjs-pane-title > div.button-holder > div > a.dropDown > button,
	.mobile div.awjs-pane-title > div.button-holder > div > a.dropDown > button[disabled]:hover,
	.mobile div.awjs-pane-title > div.button-holder > div div.button
	{
		border: none;
		box-shadow: none;
		background-color: transparent;
		color: white;
		padding: 0px;
		height: 56px;
		overflow: hidden;
		margin: 0px;
		width: 56px;
		float: none;
	}

	.mobile div.awjs-pane-title > div.button-holder > div > button > i,
	.mobile div.awjs-pane-title > div.button-holder > div > a > i,
	.mobile div.awjs-pane-title > div.button-holder > div > div.awj-dropdown > button > i,
	.mobile div.awjs-pane-title > div.button-holder > div > a.dropDown > button > i
	{
		font-size: 24px;
		color: White;
		padding: 16px;
		height: 24px;
		line-height: 24px;
	}

	.mobile div.awjs-pane-title > div.button-holder > div > button.forcedextendedbutton,
	.mobile div.awjs-pane-title > div.button-holder > div > button[disabled]:hover,
	.mobile div.awjs-pane-title > div.button-holder > div > a.forcedextendedbutton
	{
		margin : 1px;
		width: auto;
		line-height: 55px;
		border: 2px solid;
		border-radius: 5px;
		padding-right: 10px;
	}

	div.maintenance-messages
{
	top : 60px;
	left : 10px;
	right : 10px;

}
	div#termsandconditions > div.header > div.body
	{
		left: 24px;
		right: 24px;
	}

    div.twofactorauthentication
    {
        margin-top : -10px;
    }
}

/**
 * 600px <= width < 960px
 * 2 columns, action bar visible, stream hidden.
 * Large phone landscape, tablet portrait.
 */
@media all and (min-width: 600px) and (max-width: 959px) and (orientation: portrait), (min-width: 800px) and (max-width: 959px) and (orientation: landscape)
{
	div.page-wrapper.simple > div.page-body
	{
		left: 30%;
	}

	div.page-wrapper.simple > div.page-header
	{
		height: 90px;
	}

	div.page-wrapper.simple > div.page-body
	{
		top: 90px;
	}
	div#switch-dashboard
	{
		display:none
	}
	div#switch-dashboard-small
	{
		display: initial;
	}

	div#switch-dashboard,
	div#switch-dashboard-small
	{
		left: 30%;
		right: 0;
	}

	div.ajax-loader
	{
		left: 50%;
	}
		
}

	
/**
 * 960px <= width < 1280px
 * 4 columns, action bar visible, stream hidden.
 * Tablet landscape, small desktop.
 */
@media all and (min-width: 960px) and (max-width: 1279px)
{
	div.page-wrapper.simple > div.page-body
	{
		left: 18%;
	}

	div#switch-dashboard,
	div#switch-dashboard-small
	{
		left: 18%;
		right: 18%;
	}
}

/**
 * width >= 1280px
 * 4 columns, action bar visible, stream visible.
 * Large desktop.
 */
@media all and (min-width: 1280px)
{
	div#switch-dashboard,
	div#switch-dashboard-small
	{
		left: 15%;
		right: 15%;
	}

	div#termsandconditions
	{
		width: 60%;
		left: 20%;
	}
}

/** For remark related functionality */
div span.placeholder
{
	color: #999999;
}


table.dossieritem a:hover
{
	font-size: 15px;
}

td.actionrequiredroles
{
	border-bottom:1px solid #FF1844;
}
/*
div.nav-button.toggled
{
    border-bottom: 1px solid #089DE3;
}*/

table tr.model-row
{
	display: none;
}

@media (max-width: 799px) {
	div.login-right > div.akyla
	{
		position: fixed !important;
	}
}

div.login-right > div.akyla
{
	color: white;
	opacity: 0.5;
	font-size: 15px;
    position: absolute;
    bottom: 10px;
    left: 10px;
  }
@media all and (max-width:  599px) and (orientation: portrait), (max-width:  799px) and (orientation: landscape)
{
	div.login-right > div.akyla
	{
		color: black;

	}

}

pre {
	font-size: 13px;
	font-family: Consolas;
}


div[data-group=euurworkflow].awjat-content.active div.formSubmitDiv
{
	display:initial;
}