/*
 * _MPCommonDyn.css - ManagePath 8 Core Stylesheet
 *
 * This file is combined with MasterPageDyn.css and Menu*.css during deployment
 * into a single _MPCommon2Dyn.css, then processed through the theme engine.
 * Order matters: rules here appear BEFORE MasterPageDyn in the cascade.
 *
 * TABLE OF CONTENTS
 * =================
 *
 * BASE ELEMENT STYLES (input, select, hr) .................... input/select/hr resets, generic text & cursor utilities
 * GLYPHICON OVERRIDES ........................................ Glyphicon padding, sizing, color overrides
 * TYPOGRAPHY, THEME & GLOBAL UTILITIES ....................... Global A/TH/P resets, font sizes, theme colors, link states
 * NAVIGATION (tabs, breadcrumbs, history) .................... Tab nav, breadcrumbs, history links
 * WIDGETS .................................................... Widget framework (headers, panels, columns, options, drag)
 * WEBLISTS & DATA GRIDS ...................................... Weblist headers, rows, paging, peek, sticky columns, grouping
 * JQUERY UI OVERRIDES (states, datepicker, dialog) ........... jQuery UI states, datepicker, dialog, widget-content overrides
 * EXPANDABLE SECTIONS ........................................ Expandable section headers, rows, alternating colors
 * TOOLTIPS & FLYOUTS ......................................... jQuery tooltips, custom tooltip divs
 * JQUERY UI TOOLTIPS ......................................... jQuery UI tooltip content styling
 * MODAL POPUP ................................................ Modal backgrounds, popup styling, dialog panels
 * ICONS (Map, Email) ......................................... Map and email icon containers
 * DOCUMENT ADD/EDIT .......................................... Document list items, upload queue, version controls
 * LOADING OVERLAY ............................................ Loading spinners and overlay containers
 * JQUERY UI MENU ............................................. jQuery UI menu list and item styles
 * JQUERY UI DIALOG BUTTONS ................................... Dialog titlebar close, button pane
 * TOAST NOTIFICATIONS ........................................ Toast message container, types, positions
 * MISC FORM & LAYOUT CLASSES ................................. Template inputs, shortcut/contact containers
 * ATTACHMENT VIEW ............................................ Attachment file list, delete icons
 * SAVED VIEW NAVIGATION ...................................... Saved view flyout menu, default/delete icons
 * DASHBOARD WIDGETS (My Projects, Impact Chart, Tasks) ....... My Projects, Impact Chart, Tasks widgets
 * PAGE-SPECIFIC WEBLIST & FEATURE OVERRIDES .................. Commission, space allocation, and other page-specific tweaks
 * EXPENSE & INCOME MANAGEMENT ................................ Expense/income/payable/receivable/percent rent tables
 * PROJECT FLAGS & FINANCIAL TOTALS ........................... Project status flags, financial totals, contract footers
 * MISCELLANEOUS PAGE-SPECIFIC CLASSES ........................ Tickets, user edit, impacts, quick search, today widget
 * MP8 NEW CLASSES (Today Widget, Dialog, Breadcrumb, etc.) ... Today widget borders, dialog controls, breadcrumb extensions
 * HIGHCHARTS ................................................. Highcharts color overrides
 * GENERAL & DETAIL VIEW SECTIONS ............................. Page content tables, content headers, detail/general borders
 * CUSTOMIZER LITERAL CSS OPTIONS ............................. Bold/italic/subscript/heading customizer options
 * LAYOUT UTILITIES (markup-table flex grid) .................. markup-table flex grid, feature-specific layout strays
 * USER AVATAR ................................................ Note avatar cell, image, link styles
 * RESPONSIVE MEDIA QUERIES ................................... Breakpoint overrides for mobile/tablet/narrow viewports
 *
 *
 *
 * COMMON PREFIXES
 * =================
 * .ah_ = Adhoc
 * .abt = Abstraction Template
 * .mp = ManagePath (typically on things like mpEdit, mpComposite, mpChooser, etc.)
 * .rl = ReportList 
 * .wl = Weblist

 */


/* ============================================================
   BASE ELEMENT STYLES (input, select, hr)
   ============================================================ */

Table.CustomContent {
	width: 100%;
}

Table.CustomContent td {
	vertical-align: top;
}

Table.ShadowBox_PageBackground td.td-ContentWrapper {
	border-width: 0px;
	padding: 0px;
	vertical-align: top;
}

.OuterContent Table.ShadowBox_PageBackground td.td-ContentWrapper {
	padding-bottom: 5px;
}

div.ContainerGhostBackground {
	background-color: rgba(255,255,255,.7);
}

Table.CustomContent tr.UnderlineItemRow > td {
	border: solid 0px black;
	border-bottom-width: 1px;
	border-color:#D1CFCF;
}

.RenderTable {
	border: solid 0;
	width: 100%;
}

.commonDialogTitleBar {
	padding: .5em;
}

.commonDialog {
	padding-left: .2em;
}

.dialogOverflow {
	overflow-y: auto;
}

.editDialogContainer {
	padding: 20px 4px 4px;
}

.PageBtnContainerTop {
	padding-bottom: 12px;
}

.mvcGroupedButtonContainer,
.mvcAddNewButtonContainer,
.mvcCreateNewButtonContainer {
	display: inline-block;
}

.ReportBtnContainerTop,
.FormBtnContainerTop {
	margin-bottom: 12px;
	padding-bottom: 10px;
	border: solid 0px black;
	border-bottom-width: 1px;
	border-bottom-color:#475546;
}

.mvcFormSectionHeader {
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 5px;
	border: solid 0px black;
	border-bottom-width: 1px;
	border-bottom-color:#475546;
}

.PageBtnContainerBottom {
	margin-top: 8px;
}

.Box {
	border: solid 1px #2F4F4F;
	border-radius: 1.6em;
}

input,
input[type="text"] {
	padding: 5px 6px;
	border-color: #d9d9d9;
	border-radius: 2px;
	border-width: 1px;
	border-style: solid;
	background-color:#FFFFFF;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color:#004200;
}

select {
	padding: 4px 4px;
	border-color: #d9d9d9;
	border-radius: 2px;
	background-color:#FFFFFF;
}

hr {
	opacity: 0.5;
}

.NoWrap {
	white-space: nowrap !important;
}

.textAlignLeft {
	text-align: left;
}

.textAlignRight {
	text-align: right;
}

.borderZeroWidth {
	border-width: 0px;
}

.cursor-wait {
	cursor: wait !important;
}

.cursor-progress {
	cursor: wait !important;
}

.text-diabled {
	color: gray;
}

.PasswordInputError
{
	background-color: #FFFACD;  /*#MP_VALIDATIONCOLOR>*/  
}

/* Hide the admin Customize button from displaying on forms */
.display-none,
[id$="BtnCustomize"] 
{
	display: none !important;
}

.findwatermark,
.perDiemWarning,
.ticketStatusLate,
.leaseaccountingLeaseTypeFail,
.warningcolor,
.viewTitleAlert,
.lr_warningcolor {
	color: red;
}

/* ============================================================
   GLYPHICON OVERRIDES
   ============================================================ */
.glyphicons-nopadding:before 
{
    padding: 0px 0px !important;
}

.glyphicons-first-column-padding:before {
	padding: 6px 5px !important;
}

.glyphicons { cursor:default; }

.glyphicons-edittooltipico {
	font-size: .9em;
	color: #e30f00; /* almost pure red */
	position:relative;
	bottom: -5px;
	cursor: help;
}
.glyphicons-edittooltipico:before {
	padding: 0px 4px !important;
}

.GlphyiconIcon:not(.DisabledGlyphicon):hover {
	color:#E29900;
	transition: 0.1s;
}

.glyphicons-captiontooltipico {
	color: gray;
	float: right;
	font-size: 11px;
}

	.glyphicons-captiontooltipico:before {
		padding: 2px 2px !important;
		padding-left: 4px !important;
	}

.glyphicons-captiontooltipico-custom {
	font-size: 10px;
	margin-top: -3px;
	color:#6B6B6B;
}

.glyphicons-abstractiontemplateitem:before {
	padding: 2px 4px !important;
}

.GlphyiconIcon-Green {
	color: #1e9c1e !important;
}

.GlphyiconIcon-Red {
	color: #d10000 !important;
}

.GlphyiconIcon-Yellow {
	color: #ffa700 !important;
}

/* ============================================================
   TYPOGRAPHY, THEME & GLOBAL UTILITIES
   ============================================================ */

.ui-widget-content a.HTMLLink,
.HTMLLink {
	color:#618461;
	cursor: pointer;
	text-decoration: none; /*#MP_LINKDECORATION>*/
}

.react-form a.HTMLLinkTxt,
.HTMLLinkTxt {
    text-decoration: none;
    color:#000000;
    cursor: pointer;
}

.react-form a.HTMLLinkTxt:HOVER,
.HTMLLinkTxt:HOVER {
    text-decoration: underline;
    color:#000000;
    cursor: pointer;
}

A {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    color:#618461;
    text-decoration: none; /*#MP_LINKDECORATION>*/
}

A.Default {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    color:#618461;
    text-decoration: none; /*#MP_LINKDECORATION>*/
}

.ALabel {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    color:#618461;
    text-decoration: none; /*#MP_LINKDECORATION>*/
}

TH {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size: small;
}

P {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size: small;
}

.pageHdr {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
}

.Default TEXTAREA {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size: small;
    white-space: pre-wrap;
}

.Col {
    float: left;
    padding: .3em 1em .3em 0em;
    white-space: nowrap;
}

.font_size_smaller {
    font-size: x-small;
}

.font_size_small {
    font-size: smaller;
}

.font_size_large {
    font-size: medium;
}

.font_size_larger {
    font-size: large;
}

.font_size_largest {
    font-size: larger;
}

.subscript_display {
    font-size: x-small;
    color: Red;
    padding-right: 3px;
    padding-left: 1px;
}

.subscript_caption {
    font-size: x-small;
    color: Red;
    padding-left: 3px;
}

.RequiredIndicatorText {
    padding-left: 3px;
}

.BackgroundColor_PrimaryColor {
    background-color:#004200;
}

.Color_PrimaryColor {
    color:#004200;
}

.Color_PrimaryFontColor {
    color:#FFFFFF;
}

.BackgroundColor_SecondaryColor {
    background-color:#E5E3E3;
}

.Color_SecondaryColor {
    color:#E5E3E3;
}

.Color_SecondaryFontColor {
    color:#000000;
}

.theme_border_color {
    border-color:#D1CFCF;
}

.EnabledLink {
    color:#618461;
    cursor: pointer;
}

.DisabledLink {
    color: #6F6F6F;
    cursor: default;
}

.DisabledGlyphicon {
    color: #C0C0C0;
    cursor: default;
}

.statusMsg {
    font-style: italic;
    opacity: 0.6;
}

.mpCaptionColor {
	color:#6B6B6B;
}

td.mpCaptionCell {
	color:#6B6B6B;
	width: 5%;
	white-space: nowrap;
}

.wordBreak {
	word-wrap: break-word;
}

/* ============================================================
   NAVIGATION (tabs, breadcrumbs, history)
   ============================================================ */
.historybreadcrumb {
    Display: inline;
    Float: left;
    Padding-left: 10px;
}

.historybreadcrumbitemcontainer {
    Display: inline;
    Float: left;
}

.historybreadcrumbitem {
    Display: inline;
    padding-left: 8px;
    padding-right: 8px;
    float: left;
}

.tabNavTable TD,
.BorderStandard {
    border: solid 1px black;
    border-color:#D1CFCF;
}

.tabNavTable
{
	width:100%;
	margin-bottom:15px;
}

.tabNavCell
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
	background-color:#004200;
	color:#FFFFFF;
	cursor:pointer;
	height:2.2em;
	font-weight:bold;
	width:16%;
}

.tabNavSelected
{
	cursor:default;
	background-color:transparent;
	color:#000000;
	font-weight:bold;
	border-bottom:none !important;
}

.tabNavCellEmpty
{
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
}

.EmailIconContainer {
	display: inline-flex;
}

.EmailIconHyperlinkMVC,
.EmailIconHyperlink {
	padding-left: 1px;
	padding-right: 5px;
	cursor: pointer;
	top: 3px !important;
}

.EmailIconHyperlinkMVC {
	top: 5px !important;
}
.mpAddressBlockMapContainer {
	position: relative;
	padding-bottom: 4px;
	height: 17px;
}

.mpAddressBlockMapIco
{
    position:absolute;
    left:-7px;
    cursor:pointer;
    font-size:1.05em;
}

.ModeToggleContainer {
	font-size: smaller;
	margin-left: 8px;
	margin-top: 8px;
}

.ModeLiteralContainer {
	padding-top: 12px;
}

.ModeLiteralTopContainer {
	padding-bottom: 15px;
}

.ModeLiteralDialogContainer {
	display: inline-block;
	padding-left: 5px;
}

.inlineLink,
.linkMenuItem {
	display: inline;
	float: left;
	white-space: nowrap;
    padding-right:5px;
	display: inline;
	float: left;
	white-space: nowrap;
	padding-right: 5px;
}

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

.LinkMenuContainer .disabledLink {
	color:#6B6B6B;
	cursor:pointer;
}

tr.RowAlternateBackgroundColor {
	background-color:#F0F1F4;
}

/* ============================================================
   WIDGETS
   ============================================================ */

.widgetHeaderPanelDragCollapse {
    float: left;
}

.widgetHeaderPanelIcons {
    float: right;
}
.widgetBase img,p,h1,h2,h3,h4,h5,h6,ul,ol {margin:0; padding:0; list-style:none; border:none;}

.column {
    float: left;
    
	/* Min-height: */
	min-height: 400px;
	height: auto !important; 
	height: 400px;
}
	
 .columnLeft { margin: 10px 5px 0 10px; }
 .columnRight { margin: 10px 10px 0 5px; }
 
 .widget 
 {
 	margin: 5px 6px 10px 6px;
    border-width:1px;
    border-style:solid;
    border-color:#D1CFCF; 
    min-width:202px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
 }
 
 
 .widgetHeaderPanel 
 {
    overflow: hidden;
    width: 100%;
    height: 28px;
    line-height: 27px;
    white-space:nowrap;
    background-color:#004200;
    color:#FFFFFF;
 }

 .widgetHeaderSection
 {
 	overflow:hidden;
 	height:33px;
 	line-height:33px;
 	white-space:nowrap;
 	position:relative;
 	float:left;
 }
 
 .WidgetContentShadowColor
 {
	background-color:#FFFFFF;
	color:#000000; 
	-moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    line-height: 1.2em;
    overflow: hidden;
    min-height:100px;
 }

 .widgetContentSection {
    background-color:#FFFFFF;
    color:#000000; 
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    line-height: 1.2em;
    overflow: hidden;
    min-height:100px;
}

.widgetContentInitialize {
    
    background-color: White;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    min-height: 32px;
}

div.widgetContent {
	position: relative;
}

div.todayWidgetContent
{
	min-height:180px;
}

td.todayWidgetFirstTd
{
	padding-left:9px;
}

.editPageContentInitialize,
.expandableItemContentInitialize {
    background: #000;
    background-color:#FFFFFF;
    background-image:url(/mp8images/wait24trans.gif);;
    background-position: 12px 12px;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    min-height: 46px;
}

.pageContentDisable,
.editPageContentSubmit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(255,255,255,0.40);
}

.widgetInnerWrapper {
	
}

.widgetContentDisable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#FFFFFF;
}

/* End Columns section */

.widget-placeholder  
{
	border: 2px dashed #999;
	margin: 5px 5px 0 5px;
	min-height:28px;
}

.widgetCollapsedIcon,
.widgetExpandedIcon,
.widgetExpandIcon {
    margin: 6px 6px 6px 2px;
    cursor: pointer;
}

.widgetOptionsInputCheck,
.widgetOptionsInputRadio {
    margin-left: 15px;
}

.widgetCustomButton
{
	float:right;
	background-repeat:no-repeat;
	border-style:none;
	cursor:pointer;
    margin-right:0px;
}

.widgetOptionButtonsContainer {
	float: right;
	margin-right: 1em;
	position: relative;
	top: -2px;
}

.widgetOptionContentContainer {
	padding: 3px;
	padding-bottom:1em;
}

.widgetOptionPanelButton {
	float: right;
}

.addNewItemWidgetButton
{
	background:url(/mp8images/xplus.png);	
	margin-right:4px;
}

.searchWidgetButton
{
	background:url(/mp8Images/searchbtn.png);
	margin-right:4px;
}

.viewAllLeasesButton
{
	background:url(/mp8images/xprev.png);	
	margin-right:4px;
}

.widgetOptionsPanel {
    overflow: hidden;
    padding: 5px 5px 12px 7px;
    background-color:#F0F1F4;
    cursor: default;
    min-height: 100px;
}

.widgetOptionsPanelBorder {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color:#D1CFCF;
}

.widgetOptionsSectionHeader {
    padding-top: 10px;
    font-weight: bold;
    min-width: 200px;
    width: 90%;
}

.widgetOptionsControlDiv 
{
    padding-left: 8px;
    padding-top: 8px;
    clear: left;
    min-width: 200px;
    width: 90%;
}

.widgetOptionsTopPadding {
	padding-top: 5px;
}

.widgetOptionsBottomPadding {
	padding-bottom: 5px;
}

.widgetOptionsLeftPadding {
	padding-left: 10px;
}

.widgetTableRightItem {
	float: right;
}

.widgetGraphPadding {
	padding: 10px;
}

.widgetHeaderText 
{
	float: left;
	color: White;
	font-weight: bold;
	margin: 0;
	margin-left: 8px;
	padding: 0;
	border: none;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.widgetHeaderWarningText
{
	float:left;
	color:Red;
	font-weight:bold;
	margin:0;
	margin-left:8px; 
	padding:0; 
	border:none;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative;
}

.widgetOptionsText
{
	margin-left:5px;
    font-weight:bold;
}

.widgetOptionsHeader
{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#D1CFCF; 
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
	clear:both;
    width:100%;
}

.widgetOptionsFooter
{
	border-top-style:solid;
	border-top-width:1px;
	border-color:#D1CFCF; 
	padding-top:5px;
	margin-top:5px;
	clear:both;
}

.widgetOptionsSave
{
	margin-right:.5em;
}

.widgetOptionsCancel
{
	margin-right:1em;
}

.widgetSectionSingleColumn
{
	width:100% !important;
    clear:both;
}

.widgetSectionControlContainer
{
	margin-right:10px;
}

.widgetColumnLinksContainer
{
    position:relative;
	float:right;
	margin-right:15px;
}

.widgetColumnSelectContainer
{
	
    position:relative;
	float:left;
	text-decoration:none;
	cursor:pointer;
	font-size:.75em;
	padding:1px 3px 1px 3px;
}

.widgetColumnSelectContainerSelected
{
    background-color:#004200;
    color:#FFFFFF;
    cursor:default;	
}

.widgetSection
{
	overflow : auto;
	width:100%;
}

.widgetSectionSettingsLink
{
	position:relative;
	font-size:.75em;
	float:right;
	text-decoration:none;
	color:#000000; 
}

.widgetSectionColumnLink
{
	position:relative;
	font-size:.75em;
	text-decoration:none;
}

.widgetControlCluster
{
	position:relative;
    float:right;
    white-space:nowrap;
}

.widgetDragHandleIcon
{
	background-image:url(/mp8images/DragStrip.png);
	background-repeat:no-repeat;
	width:7px;
	height:28px;
	margin:0px 2px 0px 0px;
	cursor:move;
	position:relative;
	float:left;
}

.widgetDragHandleDisabledPlaceholder
{
	width:10px;
	height:28px;
	margin:0px 1px 0px 0px;
	cursor:default;
	position:relative;
	float:left;
}

.widget_HeaderIcon {
	cursor: pointer;
	display: inline;
	line-height: 0.3em !important;
	padding: 6px;
    padding-left:0px;
    padding-right:0px;
    margin-top:1px;
    height:15px;
}

.widget_HeaderIcon:hover {
    background-color: rgba(0,0,0,0.30);
}

.widgetheadericonright {
    font-size: 13px;
    float: right;
    top: 0px;
    padding: 6px;
    padding-top: 7px;
    height: 14px;
    cursor: pointer;
}

.widgetheadericonright:hover {
    background-color: rgba(0,0,0,0.30);
}

.widgetGlyphiconToHalfling {
	position: relative;
	top: 1px;
}

.widgetGlyphiconToHalfling::before {
	padding: 0 !important;
}

.widgetCaptionContainer {
    display: inline-block;
}

.widgetSectionEditContainer {
	display: flex;
	flex-wrap: wrap;
}

.widgetSectionEditCurrentWrapper {
	flex-grow: 2;
}

.widgetSectionEditAddWrapper {
	flex-shrink: 1;
}

.widgetSelectionContainer,
.BindableWidgetSectionContainer,
.TodayWidgetSectionContainer {
	padding-top: 5px
}

.widgetSectionEditDropdownWrapper {
	padding-top: 5px;
	padding-left: 4px;
}

.widgetSectionEditSpanHeader {
	padding-left: 10px;
	font-weight: bold;
}

/* ============================================================
   WEBLISTS & DATA GRIDS
   ============================================================ */

.weblist,
.weblist TD,
.weblist TH
{
	border-color:#D1CFCF; 
}

.weblistHeaderGroup {
	border-right: 0px;
}

.weblistHeaderLeft {
	padding: 0px !important;
}

.weblistOuter
{
	min-width:800px;
}
.weblistOuterNoMin
{
    min-width:0px !important;    
}


.weblist-placeholder  
{
	border: 2px solid red;
    margin: 5px 5px 0 5px;
	min-width:100px;
}

.webListHeaderHover
{
	background-color:Black;
}

.weblistSortIconDescending
{
	background-image:url(../images/Down.png);
	background-repeat:no-repeat;
    width:9px;
	height:9px;
	display:inline;
	float:left;
	margin-left:3px;
	margin-top:2px;	
}

.weblistSortIconAscending
{
	background-image:url(../images/Up.png);
	background-repeat:no-repeat;
	width:9px;
	height:9px;
    display:inline;
	float:left;
	margin-left:3px;
	margin-top:2px;
}

.weblistGroupableIcon
{
	background-image:url(/mp8images/folder.png);
	background-repeat:no-repeat;
	width:20px;
	height:15px;
	margin-left:3px;
	margin-top:2px;
	float:left;
	display:inline;
	padding-bottom:2px;
	padding-top:1px;
	cursor:pointer;
}

.weblistEditableIcon
{
	background-image:url(/mp8images/edit.png);
	background-repeat:no-repeat;
	width:20px;
	height:15px;
	margin-left:3px;
	margin-top:2px;
	float:left;
	display:inline;
	padding-bottom:2px;
	padding-top:1px;
	cursor:pointer;
}

.weblistPeekContainer {
    top:66px;
    height:auto;
    min-height: 475px;
    max-height: calc(100vh - 100px);
    right:15px;
    position:absolute;
    width:60%;
    opacity:.98;
	z-index:5;
    background-color:#FFFFFF;
    border-style:solid;
	border-color:#D1CFCF; 
	border-width:1px;
    display:none;
    box-shadow: 4px 4px 6px gray;
}

.weblistPeekHeader {
    height: 30px;
    border-style:solid;
	border-color:#D1CFCF; 
	border-width:0px;
    border-bottom-width: 1px;
    margin-left:4px;
    margin-right:4px;
}

.weblistPeekCloseBtn {
    float:right;
    top: 13px;
    right: 13px;
}

.weblistPeekNavBtn {
    margin-left:20px;
    margin-top:6px;
    font-size:18px;
    cursor:pointer;
}

.weblistPeekNavBtn:not(.DisabledGlyphicon):hover {
    color:#E29900;
    transition: 0.1s;
}

.accountingPeekControlContainer {
    position: relative;
    bottom: 8px;
    background-color: white;
}

.weblistPeekActionBtn {
    margin:5px;
    margin-left:16px;
    font-size:24px;
    cursor:pointer;
    color:#618461; 
}

.weblistPeekActionBtn:not(.DisabledGlyphicon):hover {
    color:#E29900;
    transition: 0.1s;
}


.peekTitle {
    font-weight:bold;
    display:inline-block;
    position:relative;
    bottom:3px;
    padding-left:20px;
}

.peekContent {
    padding:20px;
    padding-top:10px;
    height:auto;
    overflow: auto;
    min-height: 365px;
    max-height: calc(100vh - 210px);
}

/* - not found, to be removed later 49815 
.wlPI
{
	background-image:url(/mp8images/contact.png);
	background-repeat:no-repeat;
	background-color:Transparent;
	width:6px;
	height:11px;
}*/

.weblistGroupedIcon
{
	background-image:url(/mp8images/folder_checked.png);
	background-repeat:no-repeat;
	width:20px;
	height:15px;
	float:left;
	display:inline;
	margin-left:3px;
	margin-top:2px;
	padding-bottom:2px;
	padding-top:1px;
}

.weblistGroupHeaderIcon {
	background-repeat: no-repeat;
	width: 20px;
	height: 15px;
	display: inline-block;
	vertical-align:middle;
	margin-left: 3px;
}

.weblistGroupedHeaderIcon {
	background-image: url(/mp8images/folder_checked.png);
}

.weblistUngroupedHeaderIcon {
	background-image: url(/mp8images/folder.png);
}

.wlRSI
{
	background-image:url(/mp8images/wl_arrowr.png);
	background-repeat:no-repeat;
	background-color:Transparent;
	width:6px;
	height:11px;
}

.wlCE
{
	cursor:pointer;
}

div.wlCEGlyph {
	position:inherit; 
}

.wlUserEditOuter
{
	margin:0px !important;
}

.wlUserEditText
{
	padding-top:0px !important;
	padding-bottom:0px !important;
}

.wlUserEditButtonReplacement
{
	height:12px !important;
    width:13px !important;
    background-position:-65px -16px !important;
    display:inline;
    float:left;
}

.weblistHeaderCaption
{
	white-space:nowrap;
	font-weight:normal;
	color:#000000;
	display:inline;
	float:left;
	width:100%;
	padding-bottom:2px;
	padding-top:1px;
}

.headerRow .weblistHeaderCaption
{
	white-space:nowrap;
	font-weight:normal;
	color:#000000;
	display:inline;
	float:left;
	width:100%;
	padding-bottom:2px;
	padding-top:1px;
}

/* New for MVC */
.weblistHeaderRowCaption,
.weblistFooterRowCaption {
	white-space: nowrap;
	font-weight: normal;
	color:#000000;
	display: inline-block;
	padding-bottom: 2px;
	padding-top: 1px;
}

.fc_hfFields {
	margin-left: 18px;
}


.fc_filterStorage {
	display: none;
}

.weblistTemplateHeaderCaption {
	white-space: nowrap;
	font-weight: normal;
	color:#000000;
}

.weblistCaptionTable
{
    white-space:nowrap;
    margin-left:1px;
}


.wl_b
{
	display:none;
}

.wl_b TD
{
	padding-top:0px !important;
	padding-bottom:0px !important;
	border: none 0px !important;
}

.wl_bd
{
	width:16px;
	height:16px;
	background-image:url(/mp8images/delete.png);
	cursor:pointer;
}

.wl_be
{
	width:16px;
	height:16px;
	background-image:url(/mp8images/edit.png);
	cursor:pointer;
}

.wl_bdwn
{
	width:16px;
	height:16px;
	background-image:url(/mp8images/download.png);
	cursor:pointer;
}

/* Not used, to be removed later 49815
.wl_bv
{
	width:16px;
	height:16px;
	background-image:url(/mp8images/view.png);
	cursor:pointer;
}*/

.wl_bversion
{
	width:16px;
	height:16px;
	background-image:url(/mp8images/versions.png);
	cursor:pointer;
}

.wl_draghead
{
	min-width:100px;
}

.wl_m
{
	max-width:500px !important;
	min-width:300px !important;
	white-space:normal !important;
}

.weblistGroupIcon
{ 
	background-repeat:no-repeat;
	width:24px;
	height:21px;
	cursor:pointer;	
}

.weblistGroupIconMVC 
{
	background-repeat: no-repeat;
	height: 21px;
	cursor: pointer;
}

.weblistGroupIconExpanded
{
	background-image:url(../images/Collapse.png);
}

.weblistGroupIconCollapsed
{
    background-image:url(../images/Expand.png);
}

td.weblistGroupHeader
{
	background-color:#C0D0C0;
	width:18px;
	min-width:18px;
	min-height:16px;
}

.weblistGroupHeader
{
	border-bottom-style:solid;
	border-bottom-width:1px;
    background-color:#C0D0C0;
	width:18px;
	min-width:18px;
	min-height:16px;
}

.weblistGroupHeaderFlex {
	display:flex; 
	align-items:center;
}

.weblistGroupHeader .weblistGroupHeaderLevelSpacer {
	min-width: 20px;
}

.weblistGroupHeaderTextSpacing
{
	margin-left:12px;
}

.weblistGroupHeaderCountSpacing {
	margin-left: 8px;
}

.weblistGroupHeaderTemplate {
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #F7F7F7 !important;
}


.weblistGroupHeaderRow
{
	width:100%;
}

.weblistGroupHeaderPad
{
	border-right-style:hidden !important;
}

.weblistGroupHeaderText
{
	font-size:1em;
	/*margin:5px;*/
	color:#000000;
	display:inline;
}

.weblistGroupHeaderOuter
{
    display:inline;
    float:left;
    white-space:nowrap;
}

.weblistGroupHeaderCount
{
	font-size:.7em;
	margin:5px;
	color:#000000;
	display:inline;
}

.weblistWaitGraphicSmall
{
	opacity:0.5;
	white-space:nowrap;
	min-height:16px;
}

.weblistWaitGraphicSmallMVC{
	opacity: 0.5;
	white-space: nowrap;
}

.weblistCalcInvis
{
    opacity:0;
	min-height:16px;
}

.weblistCalc
{
    display:inline;
    font-size:.7em;
    opacity:0.5;
	white-space:nowrap;
	min-height:16px;
}

.weblistDlgStatus
{
	margin-right:20px;
	padding-top:2px;
	font-style:italic;
	opacity:0.6;
}

.weblistGroup
{
	width:0px;
	border-right-style:hidden;
}

.weblist
{
    border-style:solid;
	border-color:#D1CFCF; 
	border-width:1px;
}

.weblist.stickyWeblist
{
	border: none;
}

.expanderCell.expanderCellSticky
{
	text-align: left;
}

td.stickyWeblistTableCell div.weblistGroupHeaderOuter
{
	position: relative;
	right: 26px;
}

table.weblist:has(> thead > tr.stickyWeblistHeaderRow:first-child),
table.weblist:has(> tbody > tr.stickyWeblistHeaderRow:first-child)
{
	border-top: none;
}

table.weblist.stickyWeblist > thead tr th:first-child,
table.weblist.stickyWeblist > tbody tr td:first-child {
	--border-color:#D1CFCF;
	box-shadow: inset 1px 0 0 0 var(--border-color);
}

table.weblist.stickyWeblist > thead tr th.wl_columnheader:first-child {
	--border-color:#D1CFCF;
	box-shadow: inset 1px 0 0 0 var(--border-color), inset 0px -1px 0px 0px var(--border-color), inset 0px 1px 0px 0px var(--border-color);
}

table.weblist.stickyWeblist > thead tr th:last-child,
table.weblist.stickyWeblist > tbody tr td:last-child {
	--border-color:#D1CFCF;
	box-shadow: inset -1px 0 0 0 var(--border-color);
}

table.weblist.stickyWeblist > thead tr th.wl_columnheader:last-child {
	--border-color:#D1CFCF;
	box-shadow: inset -1px 0 0 0 var(--border-color), inset 0px -1px 0px 0px var(--border-color), inset 0px 1px 0px 0px var(--border-color);
}

table.weblist.stickyWeblist > thead tr th {
	--border-color:#D1CFCF;
	box-shadow: inset 0px -1px 0px 0px var(--border-color), inset 0px 1px 0px 0px var(--border-color);
}

table.weblist.stickyWeblist > thead tr > th:nth-last-child(1 of .stickyWeblistHeaderCell) {
	--border-color:#D1CFCF;
	box-shadow: inset -1px 0 0 0 var(--border-color), inset 0 -1px 0 0 var(--border-color), inset 0px 1px 0px 0px var(--border-color);
}

tr > th:nth-last-child(1 of .stickyWeblistHeaderCell) {
	--border-color:#D1CFCF;
	box-shadow: inset -1px 0 0 0 var(--border-color), inset 0 -1px 0 0 var(--border-color), inset 0px 1px 0px 0px var(--border-color);
}

tr > td:nth-last-child(1 of .stickyWeblistTableCell) {
	--border-color:#D1CFCF;
	box-shadow: inset -1px 0 0 0 var(--border-color);
}

table.weblist.stickyWeblist tr.weblistGroupHeaderRow td.weblistGroupHeader {
	border-top: none;
}

.stickyWeblistHeaderRow
{
	position: sticky;
	top: 0;
	z-index: 2;
}

tr.stickyWeblistHeaderRow > th,
tr.stickyWeblistHeaderRow > td
{
	border: none;
	--border-color:#D1CFCF;
	box-shadow: inset 0px 1px 0px 0px var(--border-color), inset 0px -1px 0px 0px var(--border-color);
}

.stickyWeblistHeaderCell
{
	position: sticky;
	z-index: 3;
}

.stickyWeblistTableCell {
	position: sticky;
	z-index: 1;
}

tr.weblistGroupHeaderRow > td:nth-last-child(1 of .stickyWeblistTableCell) {
	box-shadow: none;
}

tr > td:nth-last-child(1 of .stickyWeblistTableCell) div.wlRSI.wlCE,
tr > td:nth-last-child(1 of .stickyWeblistTableCell) div.wlCEGlyph.wlCE {
	margin-right: 4px;
}

tr > td:nth-last-child(1 of .stickyWeblistTableCell) input.wl_checkbox {
	margin-right: 7px;
}

.weblist tbody tr.r0,
.weblist tbody tr.r0 td
{
	background-color:#FFFFFF;
}

.r0 td
{
	border-top: none;
	border-right: none;
	border-bottom: solid silver 1px;
	border-left: none;
}

.r1 td
{
	border-top: none;
	border-right: none;
	border-bottom: solid silver 1px;
	border-left: none;
}

.weblist tbody tr.r2,
.weblist tbody tr.r2 td
{
	background-color: #D3EAF9 !important;
}


.weblist tbody tr.r1,
.weblist tbody tr.r1 td
{
	background-color:#F0F1F4;
}

.weblist tbody tr.r0:hover,
.weblist tbody tr.r1:hover
{
	/*background-color:#DEE2E8 !important;*/
}

.weblist tbody tr.peekSelect
{
    background-color:#DCEADC;
}
.weblist tbody tr.peekSelect:hover
{
    background-color:#DCEADC;
}

tr.wlRowGreen,
.wlCellGreen {
    color: #29a329;
}

tr.wlRowRed,
.wlCellRed {
    color: darkred;
}

tr.wlRowOrange,
.wlCellOrange {
    color: #db7100;
}

.wlCellBold,
.font-weight-bold,
.wlCellBold,
.textBold {
    font-weight:bold;
}


/* not found to be removed later - 49815
.wl_InnerGrid
{
	max-height:none;
	border-left-style:solid;
	border-left-width:1px;
}


.wl_InnerGrid td
{
	min-height:24px;
	border-left:hidden;
	border-right:hidden;
	border-bottom-width:0px;
	border-top-width:0px;
}*/

.wl_checkbox
{
	margin-left:5px;
}

.wl_checkboxHeaderCell,
.wl_checkboxCell {
	width: 12px;
	padding-left: 7px;
}

.wl_iconCell {
	width: 13px;
}

/* Set a max-width on the element */
td.wl_ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wl_nowrap {
	white-space: nowrap;
}

.wl_alignright {
	text-align: right;
}

a.wla
{
	color:#000000;
    float:left;
    cursor:pointer;
	text-decoration:none;
}

.wl_row_footer
{
	background-color:#DCDCDC;
	border-top-style:solid;
	border-top-width: 1px;
	border-color:#D1CFCF; 
}

.weblist tbody tr.grandtotal
{
	background-color:Silver;
}

.weblist tbody td
{
	padding:4px;
    padding-left: 6.3px;
	white-space:nowrap;

}

.wl_editContainer
{
	margin:0px !important;
}

.wl_editCell
{
	padding:0px !important;
	margin:0px !important;
}

.wl_editCell input
{
	border-style:hidden !important;
	background-color:Transparent !important;
	font-size:.9em !important;
}

.wl_editCell select
{
	border-style:hidden !important;
	background-color:Transparent !important;
	font-size:.9em !important;
}

.wl_editCellOuter
{
	padding-top:0px !important;
	padding-right:0px !important;
	padding-bottom:0px !important;
	padding-left:3px !important;
	cursor:default;
}

.headerRow .wl_columnheader,
.headerRow .wl_columnheader,
.headerRow .wl_columnheader_right,
.footerRow .wl_columnfooter,
.footerRow .wl_columnfooter_right {
	background-color:#E5E3E3;
}

.wl_columnheader, .wl_columnfooter {
	padding-left: 3px !important;
	padding-right: 5px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	border-right-style: solid;
	border-right-width: 0px;
	border-color:#D1CFCF;
	border-left-style: none;
	border-bottom-style: none;
}

.wl_columnheader_right, .wl_columnfooter_right
{
	padding-left:5px !important;
	text-align:right;
}

.wl_columnheader_right .weblistCaptionTable
{
    float:right;
}

.wl_columnheader_bottomborder {
    background-color:#004200;
    padding-left: 1px !important;
    border-bottom: solid 1px;
    border-color:#D1CFCF;
}

.headerRow.wl_columnheader.salesItemHeader
{
	border-top: none;
}

.wl_headerdrag
{
	background-color:#004200;
	background-image: url(../images/Tranz_White.png);
	background-repeat:repeat;
}


.wl_BodyLeftBorder {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-color:#D1CFCF;
}

.wl_HeaderIcon {
    cursor: pointer;
    display: inline;
    /*margin-bottom: 15px;*/
    line-height: 0.5em !important;
}

.wl_exportExcel
{
	cursor:pointer;
	display:inline;
	width:16px;
	height:13px;
    line-height:0.5em !important;
	/*background-image:url(/mp8images/export.png);*/
}

.wl_massUpdate, .wl_massDeleteOrArchiveOption, .wl_customLeftNavButton1, wl_customLeftNavButton2
{
	cursor:pointer;
	display:inline;
}

.wl_massUpdate{
    margin-top:-5px;
}

.wl_breadcrumb
{
	cursor:pointer;
	display:inline;
	float:left;
	width:14px;
	height:16px;
    margin-right:10px;
}

.wl_breadcrumbTitleBar
{
	padding:10px;
}

.wl_breadcrumbItem
{
	margin-bottom:5px;
	max-width:500px;
	overflow:hidden;
	padding:3px;
}

.wl_breadcrumbText
{
	max-width:420px;
	white-space:pre-wrap;
	margin-left:5px;
}

.wl_breadcrumbClose
{
	background-image:url(../images/Picture_Delete.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	display:inline;
	float:left;
	margin-top:1px;
	cursor:pointer;
}

.wl_breadcrumbDialog
{
	min-width:300px;
	max-width:500px;
	overflow:hidden;
}

.wl_breadcrumbButton
{
	display:inline;
	bottom:20px;
	float:right;
}

.wl_breadcrumbTopControls
{
	display:block;
	width:100%;
	margin-bottom:5px;
	float:left;
	clear:both;
}

.wl_breadcrumbClearAll
{
	font-size:.75em;
	display:inline;
	float:right;
	cursor:pointer;
}

.wl_breadcrumbHeader
{
	font-weight:bold;
	float:left;
	width:100%;
	margin-bottom:5px;
}

.wl_breadcrumbList
{
	float:left;
	width:100%;
	margin-bottom:18px;
}

.wl_save
{
	cursor:pointer;
	display:inline;
	float:right;
	width:16px;
	height:16px;
	margin-right:24px;
    line-height:0.25em !important;
}

.wl_save_disabled
{
	cursor:default;
	display:inline;
	float:right;
	width:16px;
	height:16px;
	margin-right:24px;
    color:gray;
}

.wl_nav_button
{
	background-repeat:no-repeat;
	background-position:center;
	background-color:Transparent;
	width:10px;
	height:15px;
	white-space:normal;
	position:relative;
	float:left;
	margin-left:3px;
	display:inline;
	cursor:pointer;
}


.wl_first_enabled
{
	position:relative;
	float:left;
	margin-left:4px;
	height:15px;
	cursor:pointer;
}

.wl_first_enabled_dark
{
	background-image:url(/mp8images/first_8_black.png);
}

.wl_next_enabled_dark
{
	background-image:url(/mp8images/next_8_black.png);
}

.wl_prev_enabled_dark
{
	background-image:url(/mp8images/prev_8_black.png);
}

.wl_last_enabled_dark
{
	background-image:url(/mp8images/last_8_black.png);
}

.wl_last_disabled,
.wl_first_disabled,
.wl_prev_disabled,
.wl_next_disabled {
	color: gray;
	cursor: default;
}

.wl_showcount_enabled
{
	cursor:default;
	white-space:nowrap;
	position:relative;
	float:right;
	margin-left:12px;
	margin-top:3px;
	margin-right:3px;
	height:8px;
	font-size:.70em;
}

.wl_showpages_enabled
{
	cursor:default;
	white-space:nowrap;
	position:relative;
	float:left;
	margin-left:4px;
	margin-right:15px;
	height:8px;
	font-size:.70em;
}

.wl_all_enabled
{
	position:relative;
	float:right;
	margin-left:2px;
	height:8px;
	font-size:.70em;
	cursor:pointer;
}

.wl_all_disabled
{
	position:relative;
	float:right;
	margin-left:2px;
	height:8px;
	font-size:.70em;
	color:Gray;
}

/* Not used, to be removed later 49815
.wl_clear_disabled
{
	position:relative;
	float:left;
	margin-left:4px;
	height:8px;
	font-size:.70em;
	color:Gray;
	margin-top:3px;
}

.wl_clear_enabled
{
	position:relative;
	float:left;
	margin-left:8px;
	height:8px;
	font-size:.70em;
	cursor:pointer;
	margin-top:4px;
}*/

select.wl_ddlpaging
{
	position:relative;
	float:left;
	font-size:.70em;
	margin-left:4px;
    padding:1px;
}

.wl_ddlsavedview
{
	float:right;
	font-size:.70em;
	margin-right:24px;
	min-width:140px;
}

.wl_NavButtonCluster
{
	min-height:12px;
	margin:3px 3px 3px 3px;
	float:left;
	display:inline;
	white-space:nowrap;
	min-width:550px;
	clear:right;
	overflow:hidden;
}

.wl_NavBar {
	background-color:#E5E3E3;
	color:#000000;
	padding-top: 4px;
	padding-bottom: 8px;
	border-top-width: 1px;
	border-color:#D1CFCF;
	border-top-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	min-width: 800px;
	width: 100%;
}

.wl_NavBarNoMargin {
	background-color:#E5E3E3;
	color:#000000;
	padding-top: 4px;
	padding-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: solid 1px;
	border-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	min-width: 800px;
}

.wl_NavBarTable
{
	width:100%;
	padding-bottom:2px;
}

.wl_NavBarTableRight
{
	float:right;
}

.wl_Paging
{
	float:right;
	display:inline;
	margin-right:24px;
	margin-top:1px;
}

.wl_SeparatorSave
{
	float:right;
	margin-right:24px;
}

.wl_Separator
{
	width:5px;
	height:12px;
	display:inline;
}

.wl_SeparatorSpace
{
	width:1px;
	margin-left:2px;
	margin-right:2px;
	background-color:#FFFFFF;
}

.wl_NavBarWidget
{
	height:33px;
	white-space:nowrap;
	cursor:default;
}

.wl_blank
{
	width:100%;
	min-height:1em;
	min-width:1em;
}

.wl_summary_cell
{
	border-left-style:none;
	border-right-style:none;
}

.wl_FilterInput
{
	float:left;
	margin-left:5px;
    margin-right:5px;
}

.wl_FilterInput input[type="text"].mpAutoCompleteDropdownTextInput {
    font-size: .8em;
    height: 10px;
    padding: 1px;
}

.wl_FilterInputWatermark
{
	margin-left:2px;
	margin-top:1px;
    font-size:.7em;
}

.gridWrapper
{
	overflow: auto;
	width: 100%;
	min-width: 800px;
}

/* Sticky column weblists have a box-shadow for a border, but this causes the width to be 1px short on the left and 1px short on the right. */
div.wl_NavBar:has(+ div.gridWrapper table.weblist tr.stickyWeblistHeaderRow)
{
	border-left: none;
	border-right: none;

	--border-color:#D1CFCF;
	box-shadow: inset 1px 0 0 0 var(--border-color), inset -1px 0 0 0 var(--border-color);
}

thead:has(> tr.stickyWeblistHeaderRow) + tbody > tr.weblistGroupHeaderRow:first-child > td,
tbody:has(> tr.stickyWeblistHeaderRow) + tbody > tr.weblistGroupHeaderRow:first-child > td
{
	border-top: none;
}

.gridWrapperWidget
{
	overflow:auto;
    min-height:300px;
}

.weblistExpandable
{
	border-style:none;
	max-height:none;
}

.weblistExpandableHeader
{
}

.weblistExpandableRow
{
}

.weblistExpandable tbody td
{
    border-width: 0 0 0 0;
    border-style: none;
    white-space: normal;
}

.weblistHeaderTable
{
}

.weblistHeaderTable TBODY TD
{	
	padding: 0px;
	border:none;
}

.lookupLinkMemberSelect
{
	margin: 20.5px 0px -22.5px 5px;
}

.wlfc_outer
{
	margin-bottom:5px;
	margin-top:20.5px;
}


.wl_chart
{
	width:16px;
	height:16px;
	background-color:Transparent;
	background-repeat:no-repeat;
	background-position:center;
	white-space:normal;
	position:relative;
	float:left;
	margin-left:16px;
	margin-right:16px;
	display:inline;
}

.wl_chart_enabled
{
	background-image:url(/mp8images/charticon.png);
	cursor:pointer;
}

.wl_chart_disabled
{
	background-image:url(/mp8images/charticon_gray.png);
}

.wl_noItemsMessage
{
	padding:10px;
	COLOR:#000000; 	
	BACKGROUND:#E5E3E3;
	min-height:40px;
	padding-top:15px;
}

.wl_saveErrorMessage
{
	font-size:.7em;
	color:Red;
	margin-top:3px;
}


.wl_saveButtonCluster
{
	float:right;
	display:inline;
	margin-top:20px;
}

.wl_saveTitleBar
{
	padding:10px;
}

.wl_saveTextBox
{
	width:262px;
}

.wl_ExpandableNoItemsMessage {
	padding: 8px;
	COLOR:#000000;
	BACKGROUND:#E5E3E3;
	border-style: none;
	border-top: solid 1px;
	border-color:#D1CFCF;
}

.wl_Extend
{
	float:right;
}

.wl_E
{
     height:8px;
     width:8px;
     background-image:url(/mp8images/wl_edit.png);
     float:right;
     clear:both;
     z-index:1000;
     cursor:pointer;
     margin-bottom:2px;
     opacity: 0;
}

.wl_EShow
{
    opacity: 0.5;
}

.wl_EShow:hover
{
    opacity: 1;
}

.wl_S
{
	 height:8px;
     width:8px;
     background-image:url(/mp8images/wl_nav.png);
     float:right;
     clear:both;
     z-index:1000;
     cursor:pointer;
     opacity: 0;
}

.wl_SShow
{
    opacity: 0.5;
}

.wl_SShow:hover
{
    opacity: 1;
}

.wl_EditNextCell
{
	background-color:Silver;
}

.wlListHeaderText {
    display: inline-flex;
    color:#FFFFFF;
    font-weight: bold;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    border: none;
}

.weblist tbody td div.pd
{
    float:left;
    margin-right:2px;
}

.gridWrapperWidgetExpandableSection
{
    min-height:0px;
}

.gridWrapperWidgetExpandableSectionNotes
{
	min-height:0px;
}

.gridWrapperWidgetExpandableSectionDocuments
{
	min-height:0px;
}

.gridWrapperWidgetExpandableSectionTasks,
.gridWrapperMyProjects,
.gridWrapperImpactChart
{
	min-height:25px;
}

.marginBottom3,
.myTasksWidgetGridWrapper
{
	margin-bottom:3px;
}

.expandableItemColumnHeaderCheckbox
{
	border-width:0;
	padding-right:4px;
}

.expandableItemColumnHeader
{
	text-align:left;
	border-width:0;
}

.expandableItemHeaderText
{
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	margin:0;
	margin-left:8px; 
	padding:0; 
	border:none;
}

.expandableItemHeaderTextCount
{
	font-size:1em;
	margin-left:5px;
}

.expandableItemHeaderTextTaskInfo
{
	font-size:.8em;
	display:inline;
	float:left;
}

.expandableItemHeaderTextLeaseListInfo
{
	font-size:.8em;
	display:inline;
	float:right;
	margin-right:10px;
	
}

.expandableItemTopCheckboxTasks,
.expandableItemTopCheckboxTaskTemplates,
.expandableItemTopCheckboxRoleTemplates
{
	float:left;
	padding-left:3px;
	margin-top:-1px;
}

.expandableTasksBodyCheckbox
{
	margin-left:8px;
}

.impactChartInfoHeader,
.bodyDialogVisible,
.expandableItemDocumentInfoHeader,
.expandableItemNoteInfoHeader,
.gridWrapperWidgetExpandableSectionDocuments tbody td,
.expandableItemTaskInfoHeader,
.expandableItemTaskTemplateInfoHeader,
.expandableItemRoleTemplateInfoHeader,
.myProjectsInfoHeader {
    overflow: hidden;
}

.expandableItemHeaderTextDocumentInfo,
.expandableItemHeaderTextNoteInfo
{
	font-size:1em;
	display:inline;
	float:left;
}

.expandableItemTopCheckbox
{
	float:left;
	padding-left:7px;
	margin-top:-1px;
}

.expandableItemHeaderTextImpactInfo
{
	font-size:.8em;
	display:inline;
	float:left;
}

.expandableItemContentSection {
    background-color:#FFFFFF;
    color:#000000;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    overflow: hidden;
    min-height: 25px;
}

.expandableSectionFlyoutButton
{
    margin-left:4px !important;  
    cursor:pointer; 
}

.rowExapandCell {
    width:30px;
    position:relative;
}

.btnRDivGlyphicon {
    font-size: 1.1em;
    position: relative;
    height: 20px;
    float: right;
}

.rowStatic_BtnsGlyphicon {
	height: 26px;
	bottom: -3px;
	right: 0px;
	float: right;
	display: flex;
	justify-content: flex-end;
	color:#383838;
}

.rowExpand_BtnsGlyphicon {
    height: 26px;
    bottom: -3px;
    right: 0px;
    float: right;
    position: absolute;
    display: flex;
    justify-content: flex-end;
    color:#383838;
}

.rowExpand_BtnsGlyphiconPrimary {
    height: 26px;
    bottom: -3px;
    right: 0px;
    float: right;
    position: absolute;
    display: flex;
    justify-content: flex-end;
    color:#FFFFFF;
}


.weblist tbody tr.r0 div.rowExpand_BtnsGlyphicon {
    background-color:#FFFFFF;
}

.weblist tbody tr.ExpandableSection_SingleAlternateItemRow div.rowExpand_BtnsGlyphicon,
.weblist tbody tr.ExpandableSection_DarkItemRow div.rowExpand_BtnsGlyphicon,
.weblist tbody tr.r1 div.rowExpand_BtnsGlyphicon {
    background-color:#F0F1F4;
}

.weblist tbody tr.ExpandableSection_SingleItemRow div.rowExpand_BtnsGlyphicon {
    background-color:#FFFFFF;
}

.modalContentGlyphicon,
.expandableSectionFlyoutGlyphicon {
    cursor: pointer;
    width: 26px;
    color:#383838;
}

.expandableSectionHeaderGlyphicon {
	cursor: pointer;
	width: 26px;
	color:#FFFFFF;
}

.modalContentGlyphicon:not(.DisabledGlyphicon):hover,
.expandableSectionHeaderGlyphicon:not(.DisabledGlyphicon):hover,
.expandableSectionFlyoutGlyphicon:not(.DisabledGlyphicon):hover {
	color:#E29900;
	transition: 0.1s;
}

.MetricsTest
{
	background-repeat:no-repeat;
	border-style:none;
	width:480px;
	
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
}

.wlNFI
{
	display:inline;
	float:left;
	margin-right:3px;
	font-size:.80em;
	cursor:pointer;
}

.ListPageFilterBar
{
	float:left;
	margin:5px 3px 3px 5px;
}

.list_count
{
	display:inline;
	margin-left:10px;
	font-size:.7em;
}

.wlDisplayItemCount
{
	font-size:.70em;
	display:inline;
	float:left;
	margin-left:1px;
    padding:1px;
	padding-left:2px;
    padding-right:2px;
	cursor:pointer;
}
.wlDisplayItemCountSelected
{
	background-color:#004200;
	color:#FFFFFF;
	cursor:default;
}

.wlDisplayItemTitle
{
	font-size:.70em;
	display:inline;
	float:left;
    padding-right:3px;
}

.wlDisplayItemsBar
{
	display:inline;
	float:right;
	margin-right:8px;
	margin-top:2px;
}

.ant-table-row {
    background-color:#FFFFFF;
}

.ant-table-cell {
    color:#000000;
}

.ui-widget {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size: smaller;
}

.ui-widget-header  
{
    border: 0px solid;
    border-bottom-width: 1px;
    border-color:#D1CFCF; 
    font-weight: bold; 
}

.ui-widget-header .ui-icon {
    background-image: url("../images/ui-icons_222222_256x240.png");
}

.ui-state-default,
.ui-widget-content .ui-state-default
{
}

.ui-widget-header .ui-state-default,
.ui-button.ui-widget-content.ui-state-default,
.ui-button-text-only {
	color:#000000;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color:#004200;
}
/*.ui-state-hover,*/
/*.ui-widget-content .ui-state-hover,*/
/*.ui-widget-header .ui-state-hover,*/
/*.ui-state-focus,*/
/*.ui-widget-content .ui-state-focus,*/
.ui-widget-header .ui-state-focus 
{
	border: 0px solid #fbcb09;
	background-color:#E29900;
    border-color:#E29900;
}

.ui-widget-content .ui-state-focus {

}

.ui-widget-header .ui-state-hover {
    border: 0px solid #fbcb09;
	background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    color:#212121;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: Black;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #c0c0c0;
    font-weight: normal !important;
    background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    padding: 3px;
    margin: -4px;
    color:#000000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color:#000000;
    text-decoration: none;
}

.ui-button {
	background-color:#004200;
    color:#FFFFFF;
}

.ui-button:hover
 {
	background-color:#E29900;
    border-color:#E29900;
}

.ui-datepicker .ui-state-default {
	border: 1px solid;
	border-color: transparent;
	font-weight: bold;
	color:#618461;
}

.ui-datepicker .ui-state-active {
    
    font-weight:bold;
    color: #353535;
    
}

.ui-datepicker .ui-state-hover {
    color:#E29900;
    border-color:#E29900;
    background-color: transparent;
}

/* ============================================================
   JQUERY UI OVERRIDES (states, datepicker, dialog)
   ============================================================ */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 0px solid;
    border-bottom-width: 1px;
    border-color:#004200;
    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 0px solid;
	background: #b81900 url("../images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-dialog {
    PADDING-RIGHT: 0.2em;
    PADDING-LEFT: 0.2em;
    PADDING-BOTTOM: 0.2em;
    OVERFLOW: visible;
    WIDTH: 300px;
    PADDING-TOP: 0.2em;
    POSITION: absolute;
    background:#FFFFFF;
}

.ui-widget-content {
	background:#FFFFFF;
	color:#000000;
	border-color:#D1CFCF;
}

.ui-widget-content-strong-border {
	border-width:2px;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .3em .3em .4em 1em;
	color:#475546;
	position: relative;
	font-size: medium;
}

.dialogErrorText {
	font-size: .75em;
	color: red;
	display: block;
	margin-top: 5px;
	margin-left: 3px;
}

.placeholder
{
	opacity:.8;
}

.wl_ExpandableNavBar {
	height: 18px;
	white-space: nowrap;
	background-color:#E5E3E3;
	color:#000000;
	cursor: default;
	padding-top: 2px;
	padding-bottom: 1px;
	border-top: solid 1px;
	border-color:#D1CFCF;
}

.wl_ExpandableNavBarBottom
{
    padding-top:3px;
	padding-bottom:3px;
    border-bottom-width:0px;
}

.expandableNotesControlCluster,
.expandableTaskTemplatesControlCluster,
.expandableRoleTemplatesControlCluster
{
	margin:1px 5px 0px 0px;
	float:right;
}

.expandableButtonContainer
{
	float:left;
	margin-left:5px;
	margin-top:-1px;
}

.expandableButtonContainerNoFloat {
	margin-left: 5px;
	position: relative;
	top: -3px;
}

.expandableCommissionDeleteButtonContainer {
	margin-left: 10px;
}

.expandableTasksControlCluster,
.myProjectsControlCluster,
.impactChartControlCluster,
.expandableDocumentsControlCluster,
.expandableRolesControlCluster,
.expandableContactsControlCluster {
	margin: 0px;
	margin-right: 5px;
	width: 200px;
	min-width: 200px;
	min-height: 15px;
	float: left;
}

.taskDateTable TBODY td
{
    padding-left:0px;
}

.expandableTasksButton table
{
	margin:0px !important;
}

.expandableTasksDateControl
{
	min-width:80px;
}

.expandableTasksHeaderText
{
	float:left;
	display:inline;
	padding-left:5px;
}

.expandableTasksText
{
	float:left;
	display:inline;
}

.expandableTaskIcon,
.expandableTaskIconPlanned,
.expandableTaskIconRevised,
.expandableTaskIconActual
{ 
	width:16px;
	height:16px;
	background-image:url(/mp8images/task_unassigned.png);
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	display:inline;
	margin-left:.5em;
	margin-right:.5em;
	margin-top:1px;
}

.expandableTaskIconComplete
{
	width:16px;
	height:16px;
	background-image:url(/mp8images/task_checked.png);
	cursor:default;
}

.expandableTaskIconCompletePlanned,
.expandableTaskIconCompleteRevised
{
	background-image:url(/mp8images/task_future.png);
	cursor:default;
}

.expandableTaskIconFuture
{
    background-image:url(/mp8images/task_future.png);
}
.expandableTaskIconWarn
{
    background-image:url(/mp8images/task_warn.png);
}

.expandableTaskMilestone
{
	background-image:url(/mp8images/mileston.gif);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
}

.expandableTaskDocument
{
	background-image:url(/mp8images/doc2.gif);
	height:15px;
	width:15px;
	background-repeat:no-repeat;
	cursor:pointer;
}

.expandableNotesControlClusterBottom,
.expandableTasksControlClusterBottom,
.expandableDocumentsControlClusterBottom {
	float: right;
}

.expandableNotesViewButtonNote
{
	cursor:pointer;
	background-image:url(/mp8images/note.gif);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
}

.expandableNotesViewButtonReply
{
	cursor:pointer;
	background-image:url(/mp8images/view_thread.gif);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
}

.DataDetailWidgetContainer
{
    padding:6px;
    padding-left:12px;
}

.popupPanelControlCluster,
.popupNoteEditControlCluster,
.popupMarkPayableControlCluster
{
	margin-top:20px;
}

.popupPanelButton
{
	float: right;
	margin-left:10px;
}

.popupPanelButtonLeft {
	float: left;
	margin-left: 10px;
}

.editNoteContainer
{
	display:inline;
	float:left;
	width:100%;
}

.notePDFPage
{
	margin-left:20px;
}

.expandableDocumentSendButton {
	margin-left: 8px !important;
}

.documentSendIcon {
	cursor:default !important;
	display:inline-block;
}

.documentSendIconText {
	display:inline-block;
	width:300px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.sendDocumentsSelectedDocumentsOuter {
	margin-left: 10px;
	height: 80px;
	width: 707px;
	overflow-y: scroll;
	overflow-x:hidden;
}

.sendDocumentsSelectedDocumentsInner {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	-webkit-column-width:50%;
	-moz-column-width:50%;
	column-width:50%;
}

.expandableDocumentVersionsIcon
{
	background-image:url(/mp8images/doc2.gif);
	height:15px;
	width:15px;
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	margin-top:2px;
	margin-right:4px;
}

.expandableSectionCompositeCaptionLeft
{
    display: inline;
	float: left;
}

.expandableSectionButton
{
	float:left;
	display:inline;
	margin-right:4px;
}

.documentEditTable
{
	width:100%;
	margin-bottom:5px;
}

.documentVersionButtonContainer
{
	margin-bottom:5px;
}

div.documentUploadQueContainer
{
    padding:2px;
    border-style:solid;
	border-color:#D1CFCF; 
	border-width:1px;
	width:720px;
}

div.documentUploadQueContainerSingle {
    padding: 2px;
    border-style: solid;
    border-color:#D1CFCF;
    border-width: 1px;
    height: 45px;
    width: 99%;
}

.documentUploadQue
{
    max-height:460px;
    overflow-y:auto;
	min-width:400px;
	min-height:135px;
}

.editDocumentContainer
{
	min-width:500px;
}

.documentVersionItemCount
{
	float:right;
	font-size:.75em;
	margin-right:.5em;
}

.btnSaveViewCancel
{
	display:inline;
}

.btnSaveViewOk
{
	display:inline;
}

.visualManagerFrame {
	display: block;
    width: 100%;
    height: calc(100vh - 52px);
    min-height: 500px;
    max-height: none;
    border: 0;
	vertical-align: top;
}

tableau-viz {
	width: 100%;
	height: 100%;
}

/* ============================================================
   EXPANDABLE SECTIONS
   ============================================================ */

.ExpandableSection_Header
{
	background-color:#E5E3E3;
	color:#000000;
}

.ExpandableSection_Header a
{
	color:#000000;
}

.ExpandableSection_Header a:visited
{
	color:#000000;
}

.ExpandableSection_Table
{
	border-width: 2px;
	border-style: solid;
	border-color:#D1CFCF;
}

.ExpandableSection_DataPanel
{
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color:#D1CFCF;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color:#D1CFCF;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color:#D1CFCF;
}

.ExpandableSection_HeaderTitle
{
	font-weight: bold;
	color:#FFFFFF;
}

.ExpandableSection_HeaderTitle a
{
	font-weight: bold;
	color:#FFFFFF;
}

.ExpandableSection_HeaderTitle a:visited
{
	font-weight: bold;
	color:#FFFFFF;
}

.ExpandableSection_HeaderData
{
	color:#FFFFFF;
}

.ExpandableSection_HeaderData a
{
	color:#FFFFFF;
}

.ExpandableSection_HeaderData a:visited
{
	color:#FFFFFF;
}

.ExpandableSection_HeaderButtons
{
	float:right;
}

.ExpandableSection_ColumnHeaderRow,
.ExpandableSection_ColumnFooterRow {
	background-color:#E5E3E3;
	color:#000000;
}

.ExpandableSection_ColumnHeaderRow a
{
	color:#000000;
}

.ExpandableSection_ColumnHeaderRow a:visited
{
	color:#000000;
}

.ExpandableSection_GroupHeaderRow
{
	background-color:#C0D0C0;
    color:#000000;
}

.ExpandableSection_GroupHeaderRow a
{
	color:#000000;
}

.ExpandableSection_GroupHeaderRow a:visited
{
	color:#000000;
}

.ExpandableSection_DarkItemRow
{
	white-space : nowrap;
	background-color:#F0F1F4;
	color:#000000; 
}

.ExpandableSection_DarkItemRow .mpCaptionColor {
    color:#6B6B6B;
}

.ExpandableSection_DarkItemRow .HTMLLinkTxt
{
    color:#000000; 
}

.ExpandableSection_DarkItemRow .HTMLLinkTxt:hover
{
    color:#000000; 
}

.ExpandableSection_ItemRow,
.ExpandableSection_LightItemRow {
    background-color:#FFFFFF;
    color:#000000;
}

.ExpandableSection_YellowItemRow
{
	background-color:#FFFFAA;
	color:black;
}

.ExpandableSection_SingleItemRow
{
	background-color:#FFFFFF;
	color:#000000; 
}

tr.rowHoverEnabled:hover,
tr.rowAlternatingHoverEnabled:hover,
tbody.rowHoverEnabled:hover,
tbody.rowAlternatingHoverEnabled:hover {
	background-color:#d4d4d9;
}

tr.recentItemsTodayWidgetRow:hover {
	background-color: #dedee0;
}

.ExpandableSection_SingleAlternateItemRow,
.ExpandableSection_ArchivedLightItemRow {
    background-color:#F0F1F4;
    color:#000000;
}

.weblist tbody tr.ExpandableSection_RowSelectedItemRow div.rowExpand_BtnsGlyphicon,
.ExpandableSection_RowSelectedItemRow,
.ExpandableSection_ArchivedDarkItemRow {
    background-color:#DCEADC;
}

.ExpandableSection_DataSection
{
	height: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.ExpandableSection_Progress
{
	background-color:#004200;
}
.ExpandableSection_NotesContainer
{
	white-space: normal;
	padding: 10px 60px 20px !important;
}

/* ============================================================
   TOOLTIPS & FLYOUTS
   ============================================================ */

.jqueryTooltip {
	background-color: #fffeed;
	border-style: solid;
	border-color: silver;
	border-width: 1px;
	padding: 5px;
	cursor: default;
    white-space: pre-line;
}

.jqueryTooltipWide {
	max-width: 700px;
}

div.tooltip
{
	background-color:#FFFF99;
	border-style:solid;
	border-color:Black;
	border-width:1px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:3px;
	padding-left:3px;
	cursor:default;
}

/* ============================================================
   JQUERY UI TOOLTIPS
   ============================================================ */

.ui-tooltip {
	color: #000000;
}

.ui-tooltip-content {
	max-width: 350px;
}

/* ============================================================
   MODAL POPUP
   ============================================================ */
.modalBackground {
	background-color:#FFFFFF;
	opacity:0.5;
}

.modalPopup {
	background-color:#E5E3E3;
	color:#000000;
	border-width:3px;
	border-style:solid;
	border-color:#D1CFCF;
	padding:3px;
}

.PopupHeader
{
    color:#000000;
	font-size:medium;
}

.viewDialogLowerPanel,
.accountViewDialogLowerPanel {
	padding-top: 30px;
}

/* dragOptions_column - potential for removal - jpf '26 *******/
div.dragOptions_column
{
    overflow:hidden;
    overflow-y:auto;  
    white-space:nowrap;
}

.confirmationPopupButton {
	float: right;
}

.confirmationPopupMessage {
	min-height: 50px;
	max-height: 600px;
	overflow: auto;
	overflow-wrap: anywhere;
	top: 10px;
}

/* ============================================================
   ICONS (Map, Email)
   ============================================================ */

img.MapIcon
{
	border:0;
}

img.EmailIcon
{ 
	border:0;
}

.watermarked {
    background-color:#F0F8FF;
    color:gray;
}

.mpCompositeToEdit
{
    background-color:Silver;
}


/* ============================================================
   DOCUMENT ADD/EDIT
   ============================================================ */

.documentlistitem
{
    position: relative;
    display: block;
    /*float: left;	*/
    list-style-type: none;
    padding: 10px;
    border: solid 1px darkgray;
    margin: 12px;
    background:#004200;
    text-align: left;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px;    
}

#ulDocumentList
{
    padding: 0px;	
    margin: 0px;	
}	

.ActionPending
{  
    opacity: 0.5;
}

.documentlistitem:hover .deletethumbnail
{
    display: block;
    z-index:10;
    opacity: 0.90;
}

/* REQUIRED Style - or IE fails to click on empty captions  */
/*.documentlistitem div:first-child { height: 63px; }*/
.documentlistitem div[id$=Caption] { height: 25px; } 

/* ============================================================
   LOADING OVERLAY
   ============================================================ */

.loading-overlay {
    background: #e9e9e9;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    text-align: center;
    vertical-align: middle;
    z-index: 999;
    left: 0;
    top: -18px;
}

.loading-container-parent {
    z-index: 1;
    position: relative;
    min-height: 150px;
}

/* ============================================================
   JQUERY UI MENU
   ============================================================ */
.ui-menu {
	list-style:none;
	padding: 2px;
    padding-right:10px;
	margin: 0;
	display:block;
	float: left;
}

.ui-menu .ui-menu {
	margin-top: -3px;
}

.ui-menu .ui-menu-item {
	margin:0;
    padding:3px;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
    border: 1px solid;
    border-color: transparent;
}

.ui-menu.ui-widget-content .ui-menu-item.ui-state-focus {
    
    border-color: silver;
	background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
}

.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

/* ============================================================
   JQUERY UI DIALOG BUTTONS
   ============================================================ */

.ui-dialog .ui-dialog-titlebar-close {
    font-size: 0;
    background-color:#FFFFFF;
    border: 0;
    margin: -10px 4px 0 0;
    border-radius: 2px;
}

.ui-dialog-titlebar-close:hover {
    border: 0px solid #fbcb09;
    background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    color: #212121;
}

.ui-dialog .ui-dialog-buttonpane button {
    padding: 2px 12px 4px 12px;
    border: 0;
    font-weight: bold;
    border-radius: 3px;
}

.ui-dialog .radioBtnGroup {
    margin-top: 20px;
    width: 100%;
    float: left;
}

/* ============================================================
   TOAST NOTIFICATIONS
   ============================================================ */

.toast-container {
	width: 280px;
	z-index: 9999;
}

* html .toast-container {
	position: absolute;		
}
 
.toast-item {
	height: auto;
	background:#E5E3E3;
    opacity: 0.9;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	color:#000000;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 6px;
	padding-right: 6px;
	font-family: lucida Grande; /* Theme This Font1? */
	font-size: 14px;
	border: 2px solid;
	border-color:#D1CFCF;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
}

.toast-item p {
    text-align: left;
    margin-left: 50px;
    margin-top : 5px;
    margin-right:inherit;
    margin-bottom:inherit;
}

.toast-item-image {
    width:32px;
    height: 32px;
    margin-left: 10px;
    margin-right: 10px;
    float:left;
}

.toast-item-image-notice {
    background:url(/mp8images/toast_notice.png);
}

.toast-item-image-success {
    background:url(/mp8images/toast_success.png);
}

.toast-item-image-warning {
    background:url(/mp8images/toast_warning.png);
}

.toast-item-image-error {
    background:url(/mp8images/toast_error.png);
}

/** 
 * toast types 
 * pattern: toast-type-[value]
 * where 'value' is the real value of the plugin option 'type'
 */
.toast-type-notice {
    color: white;    
}

.toast-type-success {
}

.toast-type-warning {
    color: white;
    border-color: #FCBD57;
}

.toast-type-error {
    color: white;
    border-color: #B32B2B;
}

/** 
 * positions 
 * pattern: toast-position-[value]
 * where 'value' is the real value of the plugin option 'position'
 */
 
.toast-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px;
}

.toast-position-top-center {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -140px;
}

.toast-position-top-right {
    position: fixed;
    top: 20px;
    right: 20px;
}

.toast-position-middle-left {
    position: fixed;
    left: 20px;
    top: 50%;
    margin-top: -40px;
}

.toast-position-middle-center {
    position: fixed;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-position-bottom-right 
{
	position:fixed;
	right:20px;
	bottom:0px;
}

/* ============================================================
   MISC FORM & LAYOUT CLASSES
   ============================================================ */

.templateValueInputDialog {
    vertical-align: top;
}

.templateValueInputField {
    float: left;
    padding-right: 15px;
}

.templateValueInputText {
    float: left;
    padding-top: 25px;
}

UL.BulletedList
{
     list-style-type:disc;
     margin-left:8px;
     padding-left:8px;
}

div.editShortcutContainer
{
    width:520px;
    height: 100px;
}

div.shortcutAddAdvancedItems
{
    margin-bottom:5px;
}

div.editContactContainer
{
    width:520px;
}

.r3
{
	background-color:Silver;
}

UL.cnfrmPwdMsg
{
    color: Red;
}

/* ============================================================
   ATTACHMENT VIEW
   ============================================================ */
#ulAttachmentView
{
    white-space:normal !important;
    padding: 0px; 
    margin: 0px;  
}

td.AttachmentFileName
{
      font-weight:bold;
      padding:0px !important;
}

td.AttachmentFilesize
{
      font-style:italic;
      padding:0px !important;
}

.AttachmentListItem
{
    position: relative;
    display: block;
    float: left;  
    list-style-type: none;
    padding-right:14px;
    padding-bottom:10px;
}
      
.DeleteAttachmentIcon
{                       
    position: absolute;
    top: 0px;
    right: 0px;         
    display: none;
    width:16px;   
    height:16px;        
    cursor: pointer;    
    background-image: url(../images/Picture_Delete.png);
}

.AttachmentListItem:hover div.DeleteAttachmentIcon,
.DeleteAttachmentIcon:hover
{
    display: block;
}

.doc16Icon
{
	width:16px;
	height:16px;
	margin-left:6px;
	margin-right:2px;
	cursor:pointer;
	background-color:Blue;
}

/* ============================================================
   SAVED VIEW NAVIGATION
   ============================================================ */

.navViewFO
{
	display:none;
	float:left;
	z-index:999;
	position:absolute;
	min-width:120px;
	max-width:200px;
	background:#E5E3E3;
    border-bottom-color:#808080 !important;
    border-left-color:#808080 !important; 
    border-right-color:#808080 !important;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	font-family: Tahoma,sans-serif;
	overflow-y:auto;
	max-height:300px;
}

.navViewFO TR
{
	height:24px;
}

.navViewFO TABLE
{
	width:100%;
}

.navViewText
{
    color:#004200;
    margin-left:3px;
    display:inline;
    float:left;
    white-space:pre-wrap;	
    font-size: 10px;
}

.navViewFO TD
{
	border-top:1px solid;
	border-color:#D1CFCF; 
	cursor:pointer;
}

.navViewFO TR:hover
{
	background-color:#E29900;
}

.navSavedViewMenuRoot
{
	display:inline;
	float:right;
	font-size:.70em;
	margin-top:2px;
	margin-right:24px;
	cursor:pointer;
}

.navSavedViewDelete
{
	width:16px;
	height:16px;
	cursor:pointer;
	display:inline;
	float:right;
	margin-left:6px;
	margin-right:2px;
	background-image:url(/mp8images/delete.png);
}

.navSavedViewDefaultSelect
{
	width:16px;
	height:16px;
	cursor:pointer;
	display:inline;
	float:right;
	margin-left:6px;
	margin-right:2px;
	background-image:url(/mp8images/permissions_disabled.png);
}

.navSavedViewDefaultSelected
{
	background-image:url(/mp8images/permissions.png);
}

/* ============================================================
   DASHBOARD WIDGETS (My Projects, Impact Chart, Tasks)
   ============================================================ */

.myProjectsRow,
.impactChartRow
{
	height:20px;
}

.myProjectsOrgDDL,
.impactChartOrgDDL
{
	margin-left:15px;
	margin-top:5px;
}

.myProjectsWeblistOuter,
.impactChartWeblistOuter
{
	margin-bottom:0px;
	margin-right:1px;
	margin-left:1px;
	min-width:400px;
}

.myProjectsNavBar,
.impactChartNavBar
{
	min-width:250px;
}

.myTasksOrgDDL {
    padding-left:4px;
    padding-top:4px;
}

.myProjectsButtonStripOuter {
    margin-left: 6px;
}

.widgetDataViewList
{
    margin-top:7px;
    opacity: 0.4;
    color:#FFFFFF;
}

.widgetDataViewSelectedList
{
    cursor:default;
    opacity: 1;
    color:#FFFFFF;
}

.widgetDataViewChart
{
    opacity: 0.4;
    color:#FFFFFF;
    margin-top:1px;
}

.widgetDataViewSelectedChart
{
    opacity: 1;
    cursor:default;
    color:#FFFFFF;
}

.widgetDataViewSelectedMap
{
    background:url(/mp8images/map.png);
    cursor:default;
}

.widgetDataViewRefreshIcon
{
    margin-left:10px;
}

.widgetIconToggleOff {
    opacity: 0.4;
}

.widgetIconToggleOn {
    opacity: 1;
}

.widgetIconDisabled {
	opacity: 0.4;
	pointer-events: none;
}

div.widgetMaxDataEllipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* ============================================================
   PAGE-SPECIFIC WIDGET, WEBLIST, FEATURE OVERRIDES
   ============================================================ */

.myProjectsWeblistOuter,
.impactChartWeblistOuter
{
	margin-right:0px;
	margin-left:0px;
}

.commissionWarning {
    font-weight:bold;
    text-decoration:underline;
}

/* ============================================================
   EXPENSE & INCOME MANAGEMENT
   ============================================================ */

table.weblist.expenseList tbody:first-child tr:first-child td {
	border-top: none;
}

.expenseList {
	max-height: none;
}

.expenseList tbody td
{
    border-width: 0 0 0 0;
    border-style: solid;
    white-space: normal;
}

.expenseListCPIInfoGlyphicons:before {
	padding: 3px 4px !important;
}

.IncreaseReviewCalcTable {
	width:100%;
}

.IncreaseReviewCalcTable tbody td {
	text-align: center;
}

wl_NavBar.wl_NavExpenseList {
	width: initial;
}

.wl_NavExpenseList {
	margin-right: 0px;
}

.FutureExpenseItemRow
{
    background-color:#C0D0C0;
}

.replicateExpenseInstruction {
	font-weight: bold;
	height: 2.5em;
}

.payableButtonCluster
{
	display:inline;
	float:left;
}

.wl_NavPayableItemList
{
    margin-right:0px;
}

.markPayableContainer
{
	display:inline;
	float:left;
}

.payableMarkTable
{
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;	
}

.batchStatus,
.changeStatus,
.expenseStatus
{
	display: inline-block;
	margin-left:10px;
	padding-top:2px;
	font-style:italic;
	opacity:0.8;
	max-width: 70%;
}

.expandableExpenseTable {
    width: 100%;
    border-style: none;
    border-top-style: solid;
    border-top-width: 1px;
    border-color:#D1CFCF;
}

.expandableExpenseHeaderRow
{
	background-color:#004200;
	color:#FFFFFF;
}

.expandableExpenseFooterRow
{
	background-color:#004200;
	color:#FFFFFF;
	min-height:1.5em;
}

.expandableExpenseType1
{
	min-height:1.5em;
}

.expandableExpenseType2
{
	line-height:0.75em;
}

.expandableExpenseView
{
	margin-left:5px;
}

.expandableExpenseAdd
{
	margin-left:5px;
}

.expenseExpandableHeaderDetail
{
	display:inline;
	float:left;
	margin-left:50px;
	margin-right:40px;
}

.expenseExpandableHeaderDetailItem
{
	display:inline;
	margin-left:40px;
}

.expandableExpenseHeader
{
	min-width:700px;
}

.expense_nav_button
{
	background-repeat:no-repeat;
	background-position:center;
	background-color:Transparent;
	width:6px;
	height:11px;
	white-space:normal;
	cursor:pointer;
	float:left;
	position:relative;
	margin-top:0.25em;
	margin-bottom:0.25em;
}

.expense_next_enabled
{
	background-image:url(/mp8Images/whtarrowR.png);
	margin-left:5px;
}

.expense_prev_enabled
{
	background-image:url(/mp8Images/whtarrowL.png);
}

.expandableExpenseRateHeader,
.expandableExpenseMonth,
.expandableExpenseYear
{
	float:right;
}

.expandableExpenseMonthCenter
{
	float:left;
	margin-left:5px;
	min-width:70px;
	text-align:center;
}

.expandableExpenseYearCenter
{
	float:left;
	margin-left:5px;
	min-width:35px;
	text-align:center;
}

.expandableExpenseTableHeaderText
{
	position:relative;
	margin-bottom:2px;
	white-space:nowrap;
}

.expandableExpenseToday
{
	float:left;
	cursor:pointer;
}

.expandableExpenseAmount
{
	cursor:pointer;
}

.expandableExpenseRateCell
{
	padding-right:20px;
	padding-left:10px;
	white-space:nowrap;
}

.expandableIncomeMonthCell,
.expandableExpenseMonthCell
{
	width:220px;
}

.expandableIncomeYearCell,
.expandableExpenseYearCell {
	width: 200px;
}

.weblist tbody td.expandableExpenseFirstCell
{
	padding-left:10px;
}

.expandableExpenseLastCell
{
	padding-right:10px;
}

.expandableIncomeToday {
    float: left;
    cursor: pointer;
}

.expandableIncomeMonth,
.expandableIncomeYear,
.expandableIncomeRateHeader {
    float: right;
}

.expandableIncomeMonthCenter {
    float: left;
    margin-left: 5px;
    min-width: 70px;
    text-align: center;
}

.expandableIncomeYearCenter {
    float: left;
    margin-left: 5px;
    min-width: 35px;
    text-align: center;
}

.income_nav_button {
    background-repeat: no-repeat;
    background-position: center;
    background-color: Transparent;
    width: 6px;
    height: 11px;
    white-space: normal;
    cursor: pointer;
    float: left;
    position: relative;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.income_next_enabled {
    background-image: url(/mp8Images/whtarrowR.png);
    margin-left: 5px;
}

.income_prev_enabled {
    background-image: url(/mp8Images/whtarrowL.png);
}

.expandableIncomeRateCell {
    padding-right: 20px;
    padding-left: 10px;
    white-space: nowrap;
}

.expandableIncomeLastCell {
    padding-right: 10px;
}

.incomeExpandableHeaderDetail
{
	display:inline;
	float:left;
}

.incomeExpandableHeaderDetailItem
{
	display:inline;
	margin-left:40px;
}

.incomeARAging
{
	color:Red;
	font-size:.9em;
	margin-left:10px;
}

.incomeARLink
{
	cursor:pointer;
}

.expandableIncomeTable
{
	width:100%;
    border-style:none;
	margin-top:1px;
}

.expandableIncomeHeaderRow
{
	background-color:#004200;
	color:#FFFFFF;
}

.weblist tbody .expandableIncomeFirstCell
{
	padding-left:10px;
}

.expandableIncomeLastCell
{
	padding-right:10px;
}

.expandableIncomeTableHeaderText
{
	position:relative;
	margin-bottom:2px;
	white-space:nowrap;
}

.ContentFooterRow {
	background-color:#004200;
	color:#FFFFFF;
	min-height: 1.5em;
	font-weight:bold;
}

.expandableCommissionFooterRow,
.expandableIncomeFooterRow,
.expandableDetailFieldListFooterRow {
	background-color:#004200;
	color:#FFFFFF;
	min-height: 1.5em;
}

/* ============================================================
   PROJECT FLAGS & FINANCIAL TOTALS
   ============================================================ */

.expandableIncomeAmount
{
	cursor:pointer;
}
.expandableIncomeHeader
{
	min-width:825px;
}

.receivableList
{
	max-height:none;
}

.receivableList tbody td
{
    border-width: 0 0 0 0;
    border-style: none;
    white-space: normal;
}

.wl_NavReceivableList
{
    margin-right:0px;
}

.receivableStatus
{
	margin-left:20px;
	padding-top:2px;
	font-style:italic;
	opacity:0.6;
}

tr.expandableFooterRowDark td,
tr.expandableContractFooter td
{
    background-color:#004200;
	color:#FFFFFF;
    border-top-style:solid;
	border-top-width:1px;
	border-color:#D1CFCF; 
	margin-top:5px;
}

.FinancialWidgetContent,
.ProjectFinancialWidgetContent,
.ContractFinancialWidgetContent,
.WeblistHeaderContent
 {
	background-color:#E5E3E3;
	color:#000000;
 }

.TotalsHeader
{
	background-color:#E5E3E3;
	color:#000000;
}

.TotalsHeaderContainer
{
    margin-bottom:20px;
    border: solid 2px;
    border-color:#004200;
    padding: 1px;
}

.TotalsHeaderValue
{
	text-align: right;
	padding-right: 35px;
}

.ContractAdditionAmountMiddleCell
{
	padding-right: 60px;
	text-align: right;
}


/* ============================================================
   MISCELLANEOUS PAGE-SPECIFIC CLASSES
   ============================================================ */

/*Much of these have been moved to PagesDyn.css */

.narrativeLink,
.ticketLink
{
    text-decoration:none;
}

.narrativeLink:hover,
.ticketLink:hover 
{
    cursor:pointer;
    text-decoration:underline;
}

.optionEmphasize,
.ticketMRU {
	background-color: #f5f5f5;
}

.userEditRowPanel {
	padding: 2px;
	display: flex;
}

.userEditPasswordContainer {
	padding: 10px, 0px, 10px, 0px;
}

.userEditChgPasswordChk,
.projectTempEditOrgChooserDropdown, 
.discountRateEditDialogInfoContainer {
	padding-bottom: 10px;
}

.rtEditRowPanel,
.orgEditRowPanel,
div.ReportCriteria_ControlRow {
	padding: 0px 2px;
	min-height: 35px;
	display: flex;
}

.adminKey {
	margin-left: 5px;
	font-size: 1.2em;
	cursor: pointer;
}

.editRowPanel,
.cdEditRowPanel {
	display: flex;
	margin-top: 3px;
	align-items: center;
}

.timeZoneOffset
{
    font-size:.6em;
}

img.documentIcon
{
	cursor:pointer;
}

.impactExpandableHeader,
.impactExpandableFooter {
    background-color:#004200;
    color:#FFFFFF;
}

.weblistExpandable tbody .impactExpandableHeader>td {      
    border-top:solid 1px #FCFCFC;
}

.weblist tbody td.impactcol1
{
	padding-left:10px;
}

.weblist tbody td.impactalignright
{
    text-align:right;
    padding-right: 8px;
}

td.quickSearchCaption
{
	white-space:nowrap;
	min-width:100px;
}

td.quickSearchInputContainer
{
	width:100%;
	padding-left:10px;
}

.quickSearchInput {
  display: block;
  width: 90%;     
  max-width:350px;
  box-sizing: border-box; 
}

td.todayWidgetFirstTdTabbed
{
	padding-left:35px;
}

div.propertiesTodaySqftRow
{
    display: flex;
    justify-content:space-between;
    padding:3px;
}

span.propertiesTodayCnt
{
	display:inline-block;
	text-align:right;
	text-decoration: inherit;
}

span.propertiesTodayTabbedCnt
{
	display:inline-block;
	min-width:35px;
	text-align:right;
	text-decoration: inherit;
}

.propertiesTodayWeblistRow {
	border-left-width: 0px;
	border-right-width: 0px;
	padding: 4px;
	padding-left: 6.3px;
	white-space: nowrap;
}

.pgWeblistContainer 
 {
 	margin: 6px 6px 7px 6px;
    border-width:1px;
    border-style:solid;
    border-color:#D1CFCF; 
    min-width:202px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
 }

.pgWeblistScrollContainer {
	margin: 0px 1px 0px 2px;
	border-width: 1px;
	border-style: solid;
	border-color:#D1CFCF;
	min-width: 202px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.pgWeblistGridContainer {
    margin: 6px 6px 0px 6px;
    border-width: 0px;
    border-style: solid;
    border-color:#D1CFCF;
    min-width: 202px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.WeblistHeaderContent {
    border-width: 1px;
    border-style: solid;
    border-color:#D1CFCF;
    min-width: 202px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

/*Used by NoteView and Expandable */
div.NoteViewRecipientsContainer {
    margin-bottom: 20px;
}

span.NoteViewRecipientCaption {
    width:35px;
    color:#6B6B6B;
    display:inline-block;
}

/* ============================================================
   MP8 NEW CLASSES (Today Widget, Dialog, Breadcrumb, etc.)
   ============================================================ */

table.TodayWidgetConentTable {
    width:100%;
    color:#000000;
}

table.TodayWidgetConentTable td {
    padding: 5px 8px;
    border-top: 1px solid;
    border-color:#D1CFCF;
}

.PageContent tr:last-of-type td
.GeneralSection_Border tr:last-child td {
	border-bottom: none;
}

.weblistExpandable tr:last-of-type td
{
	border-bottom-width: 0px;
}

table.TodayWidgetConentTable tr.TodayWidgetTotalRow td,
.weblistExpandable tr.ExpandableSection_SingleItemRow > td,
.weblistExpandable .ExpandableSection_SingleAlternateItemRow > td,
.PageContent tr.ExpandableSection_SingleItemRow > td,
.PageContent tr.ExpandableSection_SingleAlternateItemRow > td,
.PageContent tbody.ExpandableSection_SingleItemRow > tr:first-of-type > td,
.PageContent tbody.ExpandableSection_SingleAlternateItemRow > tr:first-of-type > td,
.GeneralSection_Border tr.ExpandableSection_SingleItemRow > td,
.GeneralSection_Border tr.ExpandableSection_SingleAlternateItemRow > td,
.GeneralSection_Border tbody.ExpandableSection_SingleItemRow > tr:first-of-type > td,
.GeneralSection_Border tbody.ExpandableSection_SingleAlternateItemRow > tr:first-of-type > td,
.weblistExpandable tbody td.weblistGroupHeader,
.weblistExpandable tbody tr.ExpandableSection_ColumnHeaderRow > td,
.weblistExpandable tbody tr.ExpandableSection_DarkItemRow:first-of-type > td,
.expenseList tbody tr.ExpandableSection_DarkItemRow:first-of-type > td,
.receivableList tbody tr.ExpandableSection_DarkItemRow:first-of-type > td {
    border-top: 1px solid;
    border-color:#D1CFCF;
}

.weblistExpandable tbody tr.ExpandableSection_FooterRow > td {
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color:#D1CFCF;
}

div.DialogControlCluster
{
    margin-top:9px;
    padding-top:9px;
    padding-bottom:3px;
    border: 0px solid;
    border-top-width: 1px;
    border-color:#D1CFCF;
}

.wl_breadcrumbX {
    cursor: pointer;
    display: inline;
    float: left;
    width: 16px;
    height: 16px;
    margin: -5px 10px 0 0;
    padding-right: 8px;
}

.wl_columnheader_right .weblistCaptionTable {
    float: right;
}

.wl_triggereventicon {
    color: #D20000;
}

.expandableAppropriationAdditionFooter {
    background-color:#004200;
	color:#FFFFFF;
    border-top:solid 1px;
    border-color:#D1CFCF; 
}

.halflings-skip-to-next {
	top: -1px !important;
}
.halflings-triangle-left, .halflings-triangle-right{
    margin-top:.2px;
}

.halflings-skip-to-previous {
	top: -1px !important;
	left: -3px !important;
}

.halflings-road {
	left:1px;
}
.halflings-step-backward, .halflings-step-forward{
    margin-top:-.6px;
}

.navbarLeftItems .halflings {
    margin:0 5px;
	top:-2px;
}

.navbarLeftItems .halflings-bin {
	top:1px;
}

.navbarLeftItems .halflings-filter {
	top: 1px;
}

/* ============================================================
   HIGHCHARTS
   ============================================================ */

.highcharts-color-0 {
    background-color:#004200;
}

/* ============================================================
   GENERAL & DETAIL VIEW SECTIONS
   ============================================================ */

div.PageContent {
	margin: 6px 4px 4px 4px;
	position: relative;
}

table.PageContent {
    background-color:rgba(255,255,255,.5);
}

table.mvc-content {
	width: 100%;
	text-align: left;
	border-radius: 2px 2px 0 0;
	border-collapse: separate;
	border-spacing: 0;
	padding:0px;
}

div.mvc-viewcontentcontainer {
	width: 100%;
	text-align: left;
	padding: 2px;
}

div.mvc-viewrow {
	padding-top: 4px;
	padding-bottom: 4px;
}

.PageContent > td,
.mvc-content td,
.mvc-content th {
	padding: 4px;
}

td.ContentHeader {
	background-color:#004200;
	font-weight: bold;
	padding-left: 6px;
	color:#FFFFFF;
	border-bottom: solid 1px;
	border-color:#D1CFCF;
}

tr.ContentHeader {
	background-color:#004200;
	font-weight: bold;
	padding-left: 2px;
	color:#FFFFFF;
}

tr.ContentHeader td {
	border-bottom: solid 1px;
	border-color:#D1CFCF;
}

/* Details Section - which ones? */
.DetailSection_Border {
	border-width: 1px;
	border-style: solid;
	border-color:#D1CFCF;
}

.GeneralSection_Border {
	border-width: 1px;
	border-style: solid;
	border-color:#D1CFCF;
}

.GeneralSection {
	width: 100%;
	border-collapse:collapse;
	margin: 0 0 10px 0;
}

/* ============================================================
   CUSTOMIZER LITERAL CSS OPTIONS
   ============================================================ */

.CustomizerLiteral_Bold {
	font-weight: bold;
}

.CustomizerLiteral_Italic {
	font-style: italic;
}

.CustomizerLiteral_Subscript {
	font-size: x-small;
}

.CustomizerLiteral_Heading1 {
	color:#E5E3E3;
	font-size: small;
	font-weight: bold;
}

/* ============================================================
   LAYOUT UTILITIES (markup-table flex grid)
   ============================================================ */


div.markup-table {
	width: 100%;
}

div.markup-tr {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

div.markup-td {
	flex: 1;
	padding: 1px;
	clear: both;
}

.leaseParentToggleInstruction {
	font-size: x-small;
	padding-left: 20px;
}

.loadingContainerOverlay {
	background-color: #e9e9e9;
	background-image: url("/mp8Images/load64_transparent.gif");
	background-repeat: no-repeat;
	background-position: center;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: 999;
	left: 0;
	top: 0;
}

/*system-wide variation of the ReportCriteria_Header style */
.optionsCriteria_Header {
	background-color:#004200;
	color:#FFFFFF;
}

div.optionCriteria_Header {
	padding: 2px;
	padding-bottom: 3px;
	padding-left: 8px;
	margin-bottom: 15px;
}

.optionsCriteria_Subsection {
	font-size: 12px;
	margin-top: 10px;
}

.optionsCriteria_Subsection ~ div {
	margin-top: 10px;
}

body.External {
	padding: 0px;
	margin: 0px 0px 41px 0px;
	font-family: Calibri,Tahoma,Arial,sans-serif;
}

/*Leaving these here until we find out exactly where they are used */
td.inboxNotification_notifyByMaxWidth {
	max-width: 300px;
}

td.inboxNotification_subjectMaxWidth {
	max-width: 300px;
}

.marketBriefCompetitorCaptionContainer {
	width: 120px;
	overflow: hidden;
	display: inline-block;
}

.expandableShortcutsIconLink {
	top: 2px;
	left: 1px;
	cursor: pointer;
}

table.fullWidth,
td.fullWidth {
	width: 100%
}



/* ============================================================
   USER AVATAR
   ============================================================ */
.note-avatar-cell {
	vertical-align: top;
	width: 46px;
	max-width: 46px;
	height: 46px;
	padding: 6px;
}

.note-avatar {
	border: none;
}

img.note-avatar {
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	display: block;
	object-fit: cover;
}

.note-avatar-link {
	text-decoration: none;
	display: inline-block;
}

/* ------------ END STANDARD CSS CLASSES -- MEDIA QUERY ONLY BELOW ---------------------------------------------*/

/* ============================================================
   RESPONSIVE MEDIA QUERIES
   ============================================================ */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px),
/* iPads (portrait) ----------- */
(min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait),
/* Smartphones - high res (landscape) ----------- */
(min-device-width : 768px) and (max-device-width : 996px) and (orientation : landscape),
/* Non mobile ----------- */
(max-width:768px) {
	div.markup-table {
		display: block;
	}

	div.markup-tr {
		display: block;
		/* max-width: 1300px; */
	}

	div.markup-td {
		display: block;
	}

	div.markup-td .mpEditBase div:nth-child(1) {
		float: inherit !important;
		padding-left: 0px !important;
	}

	.reportcriteria-grid-2col {
		grid-template-columns: 1fr;
	}

	.report-criteria-col-span {
		grid-column: 1;
	}
}