.Alert {
    color : red !important;font-weight: bold !important
}

body, table, th, tr, td, div, p, li, ul, textarea, select, input, iframe, a:link, a:visited, a:hover, a:active
{
	font-size: 14px;
	font-family: Trebuchet, Trebuchet MS, Verdana, Helvetica, Arial, Sans-Serif;
	text-decoration: none;
}

body, table, th, tr, td, div, p, img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: White;
}

#ctl00_ContentPlaceholder_ScheduleAlertGrid
{
	height: 100%;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.innerHeader .title {
    padding-left: 15px;
    float: left;
    background-color: transparent;
}

.outerHeader {
    background-color: #030000;
}

.outerBody
{
	/* 	Placeholder style for left and right side margins. 	Use this style if choose to put something in this area. 	*/
}

.innerHeader, .innerBody
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.innerHeader {
    width: 900px;
    height: 85px;
    line-height: 0px;
    background-color: #030000;
}

.pageContainer, .pageContainerMinHeight
{
	width: 878px;
	padding: 15px 5px 15px 5px;
}

.pageContainerMinHeight
{
	min-height: 450px;
}

a:hover
{
	text-decoration: underline;
}

a.footer:link, a.footer:visited, a.footer:hover, a.footer:active, div.footer, td.footer
{
	color: Black;
	font-size: 12px;
	text-decoration: none;
}

a.footer:link, a.footer:visited, a.footer:hover, a.footer:active, a.footer:hover
{
	text-decoration: underline;
}

a.header:link, a.header:visited, a.header:hover, a.header:active, div.header, .header
{
	color: #0066CC;
	font-size: 12px;
	text-decoration: none;
}

table a
{
	color: #0066CC;
}

a.header:hover
{
	text-decoration: underline;
}

div.header, .header
{
	color: Black;
}

.clearFloat
{
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

a.menuItem:link, a.menuItem:visited, a.menuItem:hover, a.menuItem:active
{
	color: #000000;
}

ul.menuItem
{
}

ul li.menuItem, label
{
	margin-bottom: 10px;
	margin-top: 10px;
}

.successMessage, .successMessageText
{
	color: Green;
	font-weight: bold;
}

.successMessage
{
	border: solid 1px Green;
	padding: 10px;
}

.errorMessageSummary, .errorMessageText
{
	color: Red;
	font-weight: bold;
}

.errorMessageSummary
{
	border: solid 1px Red;
}

.GPDRRegulationsTextDisplayNone {
    display: none;
}

.GPDRRegulationsText {
    text-align: center;
    font-size: smaller;
    margin-left: -120px;
    color: red;
    font-weight: bold;
    position: absolute;
}

.inputFormControl
{
	width: 200px;
}

.inputFormControlSmall
{
	width: 35px;
}

.inputUrlFormControl
{
	width: 300px;
}

.inputOrLabelFormControl
{
	width: 200px;
}

.inputOrLabelFormControlCompany
{
	width: 300px;
}

span.inputOrLabelFormControlCompany
{
	font-size: 1.2em;
}

.labelMPId
{
	font-size: 1.8em;
	font-style: normal;
	width: 200px;
}

.labelMPIdBeforeCreation
{
	font-style: italic;
}

span.inputOrLabelFormControl
{
	font-size: 1.2em;
}

.blockSpan
{
	display: block;
}

.widePager a, .widePager span
{
	width: 10px;
	min-width: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.listReadOnly, .textBoxReadOnly
{
	height: 20px;
	padding-left: 5px;
	padding-top: 2px;
}

/* DateTime Entry Control - Start */

.dateTimeEntryFieldStandardFormat, .dateTimeEntryFieldStandardAMPMFormat
{
	width: 15px;
}

.dateTimeEntryFieldStandardAMPMFormat
{
	width: 45px;
}

.dateTimeEntryFieldStandardSeparatorFormat
{
	width: 30px;
	font-size: large;
	vertical-align: middle;
}

.dateTimeEntryFieldStandardBorder
{
	border: 1px dotted #808080;
}

/* DateTime Entry Control - End */

/* grid styles - Start */



.gridHeaderSolid, .gridHeader, .gridItem, .alternatingGridItem, .gridHeaderJustified, .gridItemJustified, .gridItemMiddleJustified
{
	background-color: White;
	color: Black; /*width: 435px;*/ /* width specified for each column inline */
	border: 1px solid Gainsboro;
}

.gridItemGroupRow, .gridItemGroupSeparatorRow
{
	background-color: White;
	color: Black;
	border-left: 1px solid Gainsboro;
	border-right: 1px solid Gainsboro;
}

.gridItemGroupSeparatorRow
{
	border-bottom: 1px solid Gainsboro;
}

.gridItemTextNoWrap
{
	white-space: nowrap;
}

.gridHeaderSolid, .gridHeader, .gridItem, .alternatingGridItem, .gridItemGroupRow, .gridItemGroupSeparatorRow
{
	text-align: left;
	padding: 5px 0px 5px 7px;
	vertical-align: middle;
}

	.alternatingGridItem, .alternatingGridItem div
	{
		background-color: Gainsboro;
		border-right-color: white;
	}


.gridHeaderJustified, .gridItemJustified, .gridItemMiddleJustified
{
	text-align: right;
	padding: 5px 10px 5px 0px;
}

.gridHeader, .gridHeaderJustified
{
	font-weight: bold;
	background-color: Gainsboro;
	border-left-color: Gainsboro;
	border-right-color: white;
}

.gridHeaderSolid
{
	font-weight: bold;
	background-color: Gainsboro;
	border-left-color: Gainsboro;
	border-right-color: Gainsboro;
}

.gridHeaderJustified
{
	vertical-align: middle;
}

.gridItemJustified
{
	vertical-align: bottom;
}

.gridItemMiddleJustified
{
	vertical-align: middle;
}

.gridFooterJustified
{
	text-align: right;
	padding: 5px 10px 5px 7px;
	vertical-align: bottom;
	float: right;
}

.gridItemMiddle, .gridHeaderMiddle
{
	text-align: center;
}

/* grid styles - End */

.menuSectionHeader
{
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.menuHeaderUnderline
{
	height: 2px;
	color: Black;
}

fieldset
{
	padding: 1em; /*font:80%/1 sans-serif;*/
	border: 1px solid gray;
}

legend
{
	/* padding: 0.2em 0.5em;*/ /*border:1px solid gray;*/
	color: black;
	font-size: 90%;
	text-align: left;
	font-weight: bold;
}

.orderTrackingStatusOk {
    color: #27B716;
}

.orderTrackingStatusNotOk {
    color: #D80014;
}

.orderTrackingStatusOffline {
    color: #800180;
}

/** CSS Button Styles begin **/

.btn
{
	display: block;
	position: relative;
	background: #aaa;
	padding: 0px 5px 0px 5px;
	float: left;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

	.btn *
	{
		font-style: normal;
		background-image: url(../Styles/Images/btn2.png);
		background-repeat: no-repeat;
		display: block;
		position: relative;
	}

	.btn i
	{
		background-position: top left;
		position: absolute;
		margin-bottom: -5px;
		top: 0;
		left: 0;
		width: 5px;
		height: 5px;
	}

	.btn span
	{
		background-position: bottom left;
		left: -5px;
		padding: 0 0 5px 10px;
		margin-bottom: -5px;
	}

		.btn span i
		{
			background-position: bottom right;
			margin-bottom: 0;
			position: absolute;
			left: 100%;
			width: 10px;
			height: 100%;
			top: 0;
		}

		.btn span span
		{
			background-position: top right;
			position: absolute;
			right: -10px;
			margin-left: 10px;
			top: -5px;
			height: 0;
		}

	* html .btn span, * html .btn i
	{
		float: left;
		width: auto;
		background-image: none;
		cursor: pointer;
	}

	.btn.blue
	{
		background: gray;
	}

	.btn.noFloatNoPadding
	{
		float: none;
		background: gray;
		position: relative;
		display: inline;
		padding: 0;
	}

	/*.btn:hover { background-color: #a00; }.btn:active { background-color: #444; }*/
	.btn[class]
	{
		background-image: url(../Styles/Images/shade.png);
		background-position: center;
	}

/** CSS Button Styles End **/

.nonFloatingButton
{
	background: #aaa;
	padding: 0px 5px 0px 5px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.paddingTop20
{
	padding-top: 20px;
}

.paddingBottom10
{
	padding-bottom: 10px;
}

.paddingTop10
{
	padding-top: 10px;
}

.paddingRight10
{
	height: 25px;
	width: 25px;
	cursor: pointer;
}

.alignBottom
{
	vertical-align: bottom;
}

.inputOrLabelFormControlVenue
{
	width: 300px;
}

span.inputOrLabelFormControlVenue
{
	font-size: 1.2em;
}

.inputFormControlPhone
{
	width: 75px;
}

.VenueLabel
{
	font-size: 16px;
	font-weight: bold;
}

a.blackLink:link, a.blackLink:visited, a.blackLink:hover, a.blackLink:active
{
	color: #000000;
	text-decoration: underline;
}

.firstHeader, .emptyGridText td
{
	font-size: 1.5em;
	font-weight: bold;
}

/* Start Location Copy Emails box on the order screen */
.locationCopyEmails
{
	width: 450px;
	padding: 10px 5px 5px 5px;
	margin-top: 10px;
}

.additionalInstructions
{
	font-size: 0.8em;
	font-style: italic;
}

.locationCopyEmailsTextarea
{
	width: 400px;
}

.bottomBorder
{
	border-bottom: 1px solid gainsboro;
}

.topBorder
{
	border-top: 1px solid black;
}
/* End Locations Copy Email box on the order screen */

/* User Information Control */
.itemRow
{
	padding: 5px 0 5px 0;
}

.columnLabel
{
	float: left;
	font-weight: bold;
	width: 150px;
}

.columnInput
{
	float: left;
	width: 235px;
}

.columnInputFull
{
	float: left;
	width: 725px;
}

.columnDescription
{
	float: left;
	width: 490px;
	font-size: 0.8em;
}

.buttonContainer
{
	float: left;
	width: 75px;
}
/* End User Information Control */

/* Start Add Section/ OrderType Legend */

#AddOrderSection table
{
	width: 98%;
}

.orderTypeLegend
{
	float: right;
	width: 80%;
}

	.orderTypeLegend table
	{
		width: 100%;
		border: 1px solid Gainsboro;
	}


.LoadAssignedToMyself
{
	background-color: White;
	width: 5%;
	border: 1px solid Gainsboro;
}

.LoadUpdateFromPartner
{
	background-color: #E4DFEC;
	width: 5%;
	border: 1px solid Gainsboro;
}

.LoadAssignedToMeByPartner
{
	background-color: #EBF1DE;
	width: 5%;
	border: 1px solid Gainsboro;
}

.LoadIAssignedToPartner
{
	background-color: #C5D9F1;
	width: 5%;
	border: 1px solid Gainsboro;
}

/* End Add Section/ OrderType Legend */

/* default page */
.trackingRequestCountLabel
{
	font-weight: bold;
	color: Red;
}

/* Order Setup Page */
.orderNotificationsViaLabel
{
	font-size: 0.8em;
	font-style: italic;
}


/* Start JQuery UI auto extender styles */
.ui-autocomplete
{
	max-height: 150px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete
{
	height: 150px;
}

.no-title-bar
{
	display: none;
}

/* End JQuery UI auto extender styles */

.stop_table_headers th
{
	background-color: gainsboro;
	border-right-color: white !important;
}

.hideNextLocationUpdate
{
	background-color: #EEAF00;
}

.showNextLocationUpdate
{
	background-color: #3ca21b;
}

.readOnlyUrl
{
	display: inline-block;
	background-color: gainsboro;
	width: 95%;
	height: 20px;
	padding: 2px 0 2px 3px;
}

.ui-tooltip
{
	padding: 2px 2px 2px 5px;
	font-size: 100px !important;
	border-color: gray;
	width: 400px !important;
}

/* watermark */
.watermark
{
	color: #808080;
}

.emptyGridText
{
	width:100%;
}
.emptyGridText td
{
	padding-left: 5px;
}

.StopEvents
{
	color: blue;
	font-family: 'Courier New';
	font-size: 12px;
}

.trackLoadViaContainer
{
	width: 160px;
}

.driverCellPhoneCountryContainer {
    width: 180px;
}

.trackLoadViaReadOnlyContainer, .driverCellPhoneCountryReadOnlyContainer {
    width: auto; /* clear width */
}

div.menuItem {
	display: -ms-flexbox;
	display: inline-flex;
}

#ctl00_ContentPlaceholder_AccountStatus > a {
	color: blue;
	text-decoration: underline;
}
.UserInfo
{
	font-size: 10px;
}


.sectionHeader
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 12px;
}

.RoleCheckboxList table {
	width: 740px;
}

.RoleCheckboxList label {
	font-size: 0.8em;
}

div.AccountSuspended p {
	font-size: 28px;
	margin: 80px 120px 80px 120px;
}

.MapPushpinBase img, .OverlaysBR-logoAware, .OverlaysBL, .ScaleBarContainer, .CopyrightContainer, .LogoContainer {
	background-color: transparent !important;
}
.simple-grid-table{
	text-align: left !important;
}


.navbar {
    overflow: hidden;
    background-color: #333;
    font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.MainButton {
    float: right;
    overflow: hidden;
    background-color: transparent;
    display: flex;
    align-items: center;
    height: 100%;
}

.MainButton .dropbtn {
    cursor: pointer;
    font-size: 16px;
    border: none;
    outline: none;
    color: white;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-top: 85px;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.show {
    display: block;
}

.mainMenu {
    background-image: url("/Styles/Images/MP_UI_Menu_Regular.svg");
    display: inline-block;
}

.mainMenu:hover {
    background-image: url("/Styles/Images/MP_UI_Menu_Hover.svg");
}

.errorLabel {
    color:red;
}


.btn-custom {
	display: inline-block;
	background-color: #efeded !important;
	margin: 2px;
	padding: 5px;
	color: black !important;
	border: 1px solid darkgray;
	border-radius: 4px;
	cursor: pointer;
}

input.txt-custom[type=text] {
	padding: 0;
	height: 30px;
	position: relative;
	left: 0;
	outline: none;
	border: 1px solid #cdcdcd;
	border-color: rgba(0, 0, 0, .15);
	background-color: white;
	font-size: 16px;
	border-radius:3px;
	padding-left:5px;
}

input.txt-custom[type=text]:focus {
	box-shadow: 0 0 0 .20rem rgba(13, 110, 253, .25);
}

.table-striped-rows tr:nth-child(2n+1) td {
	background-color: #ededed
}