.ui-widget-content-a
{
	background-image: none;
	color: #444444;
	background-color: white;
	border: none;
}

#PortalButtonList .PortalButton.ui-widget-content
{
	border: 1px solid #d2d2d2;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.DropDownFilter, .DropDownFilter .DatePickerButtonGroup { background-color: rgba(149, 193, 31, 0.75); }
.DatePickerButton .ui-button-text { padding: 4px; }

/* icon colors
----------------------------------------------------------*/
.TFPTable td .ButtonList li .ui-icon { background-image: url(../Content/images/ui-icons_013662_256x240.png); }
.ui-icon.Disabled,
.TFPTable td .ButtonList li.Disabled .ui-icon
{ background-image: url(../Areas/Core/Content/Images/ui-icons_cccccc_256x240.png); }


thead.DataTableThead.ui-widget-header, .dataTable.ui-widget-content { border: none; }

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

.AdminButtonList #PortalButtonGrid .PortalButton.ui-widget-content.ui-widget-content-a
{
	border-radius: 0px;
	border: 0px;
	background-color: transparent;
	color: #013662;
	padding: 5px;
}

.AdminButtonList #PortalButtonGrid li { padding: 0px; border-bottom : 1px solid #013662; width: 50%;}
.AdminButtonList #PortalButtonGrid { border-top : 1px solid #013662; padding: 0px; }

#UserActivityFilters fieldset legend { color: White; }

.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all
{
	width: 300px !important;
	height: 300px !important;
}
.ui-multiselect-checkboxes.ui-helper-reset
{
	height: 235px !important;
}

/* Logon */
/* Do not override the Mobile Css rules */
@media only screen and (min-width: 480px) {
	#logon.LogonPanel {
		position: static;
		margin-top: 200px;
		margin-left: auto;
		margin-right: auto;
		min-width: 300px;
		width: 30%;
		font-size: 1.5em;
	}

	#logon.LogonPanel form {
		max-width: inherit;
	}

	#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: rgba(255,255,255,0.3) !important;
	}

	#logon.LogonPanel .buttons input[type='submit'] {
		width: 101%;
		text-transform: uppercase;
		background-image: none;
		color: rgb(50,50,50);
	}
}

body, body.Logon
{
	background-image: Url('Images/Background720.jpg');
	background-color: rgb(80, 130, 80);
	background-size: auto;
}

@media only screen and (min-width: 1081px)
{
	body, body.Logon { background-image: Url('Images/Background768.jpg'); background-size: auto;}
}

@media only screen and (min-width: 1153px)
{
	body, body.Logon 
	{ 
	background-image: Url('Images/Background1080.jpg');
	background-size: auto;
	}
}

@media only screen and (min-width: 1621px)
{
	body, body.Logon { background-image: Url('Images/Background1215.jpg'); background-size: auto;}
}

@media only screen and (min-width: 1824px)
{
	body, body.Logon { background-image: Url('Images/Background1350.jpg');background-size: auto; }
}

@media only screen and (min-width: 2026px)
{
	body, body.Logon { background-image: Url('Images/Background1600.jpg');background-size: auto; }
}

@media only screen and (min-width: 2401px)
{
	body, body.Logon { background-image: Url('Images/Background2160.jpg');background-size: auto; }
}

@media only screen and (min-width: 3242px)
{
	body, body.Logon { background-image: Url('Images/BackgroundMax.jpg'); background-size: auto;}
}

#logo a, .Logon #logo a 
{
	position: absolute;
	background-image: Url('Images/Logo.svg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 255px;
	height: 55px;
	top: 0px;
	left: 0px;
	z-index: 51;
}

#pageheader
{
	left: 260px;
}

@media only screen and (max-device-width: 500px)
{
	.Logon #logo a
	{
		visibility: visible !important;
	}
}

.Logon #version { color: white; }

.InProgress .TripAnchor:after { background-color: Lime; color: black; }
.Completed .TripAnchor:after { background-color: DarkSlateGray; color: white; }

.PlannedHeader { 
display: none !important; 
} 

.SiteManagerMapPopupPred
{
display: none !important; 
}

.PlannedItem { 
display: none !important; 
} 

/* Mark status change buttons as red */
a.ChangeStatusAnchor, a.AdvanceStatus, a.SaveAndCompleteAnchor, a.LogOffAnchor, a.StatusChange-arrived, a.StatusChange-workstarted, a.StatusChange-drivingto, a.GoToStopPoS {
    background-color: green !important;
	text-shadow: none !important; 
}

a.revert
{
background-color: red !important;
text-shadow: none !important; 
}

a.EventAnchor
{
background-color: orange !important;
text-shadow: none !important; 
}

/* Change size and color on checkbox in PoS - 'Start driving to next stop? */
input#CompleteAndStartNextChk{
position: absolute;
    left: .466em;
    top: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 0;
    outline: 0!important;
    z-index: 2;
}



label.ui-btn.ui-btn-inherit.ui-btn-icon-left.ui-checkbox-on, label.ui-btn.ui-btn-inherit.ui-btn-icon-left.ui-checkbox-off{
background-color: red !important;
    text-shadow: none !important;
    font-size: larger !important; 
}

.ui-input-text, .ui-input-search {
    margin: .5em 0;
    border-width: 1px;
    border-style: solid;
    width: 100%;
}

/* Warning icon for ADR should be orange */
.StopList .WarningIcon2:after {
    top: 80%;
    left: 80%;
    background-color: orange !important;
}


#editfieldvalue
 { 
  !important; }

/* PoS button - always hide as default */
#MobileTripList .StatusChangeViewAnchor,
#MobileTripList #MobileTripListMenuPanel #StatusChangeViewMenuAnchor
{ display: none; }
/* PoS button - show when next status is Completed */
#MobileTripList.NextCompleted .StatusChangeViewAnchor,
#MobileTripList.NextCompleted #MobileTripListMenuPanel #StatusChangeViewMenuAnchor
 { display: block; 
 background-color: rgba(255,0,0,1);
 text-shadow: none !important; }

 button.ChangeTripStatusListButton, .CompleteAndGoBack 
{
 display: none;
}


/*hide goback button in partial trip debriefing view and make meny boks 100%
#SegmentsViewPartialTripPosPage #SegmentsViewHeader .GoBack
{
display: none !important;
}

#SegmentsViewPartialTripPosPage #SegmentsViewHeader .ui-block-b
{
width: 100%
}*/

/* hide Menu trip status change button for inprogress ( avslutt skift)*/
li.AdvanceTripStatusLi.InProgress {
 display: none;
}
 
/* hide Menu bookmark button */
/*li.Bookmark {
 display: none;
} */


#MobileTripList button.UpdatePostionBtn,
#Signature #SignatureFooter #SignatureFooterNavBar a.ShowSaveAndCompleteAnchor,
#MobileTripList a.ChangeStatusAnchor.Completed,
#StatusChangeViewFelleskjopetPage #StopStatusChangeViewFooter a.SaveAnchor
{
	display: none !important;
}

#UpdatePositionDialog .ui-field-contain {
	display: none !important;
}


/* center column Adgangsforhold */
td.ColumnIdCfStringReadOnly\.Adgangsforhold
{
	text-align: center !important;
}

#UserName, #Password, #NewPassword, #NewPasswordRetype
{
    -webkit-box-shadow: 0 0 0 1000px white inset;
}


.TFPTable tfoot td {
    background: white;
}