body.Logon div#header
{
	border-color: #009A44;
}

#PortalButtonList .PortalButton .ButtonImage, #PortalButtonGrid .PortalButton .ButtonImage {
    position: absolute;
    z-index: 2;
    background-image: Url('');
    background-repeat: no-repeat;
    background-position: 52%;
    background-color: #ADAEBO;	
    width: 160px;
    height: 80px;
    margin-top: 0px;
}

#PortalButtonList .PortalButton, #PortalButtonGrid .PortalButton {
    position: relative;
    background-image: none;
    background-color: #ADAEB0;
}

.PortalMenuText
{
	color: white;
}


/* Header */
.DropDownFrame
{
	top: 48px;
}

#header.ui-widget-header
{
	border-bottom: none;
	color: white;
}

#header.ui-widget-header a
{
	color: white;  
}

.ui-dialog .ui-dialog-titlebar-close
{
	height: 16px;
	width: 16px;
}

#UserActivityFilters fieldset legend { color: White; }

div.ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset 
{ 
max-width: 40px; 
} 

div.ui-body-inherit.ui-corner-all.InputValid 
{ 
max-width: 40px; 
} 
/* Logon on mobile devices (layout overridden for other devices further below)*/
body.Logon
{
	background: white; 
	background-image: url('Images/derome_logo.svg');
	background-size: 250px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 15%;
	width: 100%;
} 

.Logon #PasswordWrapper
{
	width: 100%;
	position: relative;
	top: 100px;
	padding-top: 40px;
	height: 300px;
}

#logon .ui-button 
{
	color: white;
    width: 100%;
    height: 50px;
}

#logon input, #logon #ChangeServerUrlForNativeApp 
{
    padding: 4px 0px;
}
body
{
	background-color: white;
	background-image: Url('');
}
	
html
{
	height: 100%;
}

.Logon #header
{
	display: none;
}

#header .TopMenu {
    background: #009A44;
}

/* Alternating white and light-grey lines in lists */
table.TFPTable tbody tr:nth-child(odd) { background-color: rgb(255,255,255); }
table.TFPTable tbody tr:nth-child(even) { background-color: rgb(232,232,232); } 


/* Remove shadow from filter dropdowns */
.DropDownFilter {
	webkit-box-shadow: none; 	
	box-shadow: none;
}

Make dropdowns white with black font - overrides Jquery setup 
.DropDownFilter .ui-multiselect, .DropDownFilter select, .DropDownFilter input {
    background: #ffffff;
    color: #000000;
} 

.ui-state-default, .ui-widget-content .ui-state-default, .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #ffffff;
    color: black;
}

.ui-widget-content a {
    background: #ffffff;
    color: black !Important;
}

.ui-button {
    background: #009A44 !Important;
	color: white !Important;
}

/* Force that planned arrival time is not shown in Mobile Web */
span.MobileListLine.Row3Element.Row3StartTime 
{ 
	visibility: hidden !Important; 
}

div.ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset 
{ 
max-width: 400px; 
} 

div.ui-body-inherit.ui-corner-all.InputValid 
{ 
max-width: 40px; 
} 


#TripViewFooter .OverlayHoverFooter
{
	background-color: Coral; 
}

/* Do not show begin trip*/
.ChangeTripStatusListButton:not(.Finish) { display: none; }

/* Mobile Web Partial Trip List - custom background colors for buttons in the right side of the trip list */
body #MobileTripList ul li a.TripAnchor.Scheduled::after 
{ 
background-color: lightgrey; 
} 

body #MobileTripList ul li a.TripAnchor.DrivingTo::after 
{ 
background-color: lightgrey; 
} 

body #MobileTripList ul li a.TripAnchor.Arrived::after 
{ 
background-color: dodgerblue; 
}

body #MobileTripList ul li a.TripAnchor.WorkStarted::after 
{ 
background-color: gold; 
} 

body #MobileTripList ul li a.TripAnchor.WorkDone::after 
{ 
background-color: gold; 
} 

body #MobileTripList ul li a.TripAnchor.Completed::after 
{ 
background-color: lime; 
}

/* hide all stops that have the next stop status of "Avslutad" */
li.NextCompleted 
{ 
display: none; 
} 
/* Mobile Web Partial Trip List - custom background colors for buttons in the right side of the trip list */
body #MobileTripList ul li a.TripAnchor.ArrivedOrWorkDone::after 
{ 
background-color: gold; 
} 

body #MobileTripList ul li a.TripAnchor.ScheduledAndInProgress::after 
{ 
background-color: dodgerblue; 
}

a.ui-link.ui-btn.ChangeStatusAnchor.StatusChange-workstarted.ui-btn-icon-top.ui-icon-info{
    background-color: yellow;
}
a.ui-link.ui-btn.ChangeStatusAnchor.StatusChange-workdone.ui-btn-icon-top.ui-icon-info{
    background-color: #2f4f4f;
    color: white;
}
a.ChangeStatusAnchor.StatusChange-completed.ui-btn.ui-btn-icon-top.ui-icon-info{
    background-color: #1CAB08;
    color: black;
}

/* Do not override the Mobile Css rules */
@media only screen and (min-device-width: 480px)
{
	body.Logon
	{
		background: white; 
		background-image: url('Images/derome_logo.svg');
		background-size: 300px;
		background-repeat: no-repeat;
		background-position-x: center;
		background-position-y: 27%;
	}  

	#logon.LogonPanel
	{
		position: static;
		margin-left: auto;
		margin-right: auto;
		width: 300px;
		font-size: 1.5em;
	}

	.Logon #PasswordWrapper
	{
		width: 100%;
		position: relative;
		top: 290px;
		padding-top: 30px;
		height: 300px;
	}

	.Logon #main
	{
		margin: 0px;
	}

	#logon .buttons
	{
		right: inherit;
		width: 100%;
		margin: 0px;
	}

	#logon.LogonPanel input
	{
		border: 1px solid rgba(0,0,0,0.1);
		height: 40px;
		border-radius: 3px;
		text-align: center;
	}

	#logon.LogonPanel input[type='text'], #logon.LogonPanel input[type='password']
	{
		height: 34px;
		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		padding-bottom: 3px;
		margin-bottom: 15px;
		width: 100%;
		background-color: rgb(255,255,255) !important;
		box-shadow: 0 0 0px 1000px white inset;
	}

	#logon.LogonPanel .buttons input[type='submit']
	{
		width: 100%;
		text-transform: uppercase;
		background-color: #009A44;	
		background-image: Url('Images/derome_logo.svg');
	}

	#logon.LogonPanel #Login
	{
		width: 101%;
		text-transform: uppercase;
	}

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

table.StopOrdersInfoTable tbody tr:nth-child(n+2) {

  display: none;

}