﻿
html
{
	height: 100%;
}

body
{
	font-family: Tahoma;
	font-size: 0.77em;
	/* background-color: RGB(65, 86, 107); */
	margin: 0px;
	height: 100%;

	/* darker color: #00395D */
	background-color: #FAFAFA;  /* #305470 ...  #F0F0F0, 53565A, D0D3D4   */
}

.MainContentContainer, .MultiPageViewer
{
	/* box-shadow: 0px 2px 8px #C0C0C0, 0px 0px 0px #C0C0C0; */
}

.popup_body
{
	background-color: #F0F0F0;
	overflow: auto;
}


body_BACKUP
{
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center bottom, circle closest-corner, #DDDDDD 0%, #FFFFFF 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center bottom, circle closest-corner, #DDDDDD 0%, #FFFFFF 100%);

/* Opera */ 
background-image: -o-radial-gradient(center bottom, circle closest-corner, #DDDDDD 0%, #FFFFFF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 487, color-stop(0, #DDDDDD), color-stop(1, #FFFFFF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center bottom, circle closest-corner, #DDDDDD 0%, #FFFFFF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle closest-corner at center bottom, #DDDDDD 0%, #FFFFFF 100%);
}

.InheritFontSize { font-size: inherit !important; }
.CenterVertically
{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

a
{
	color: #000090;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

.SectionHeader
{
	display: block;
	position: relative;
	z-index: 0;

	width: 100%;	
	
	margin-top: 0.25em;
	margin-bottom: 0.1em;
	margin-left: auto;	
	margin-right: auto;

	/* background-color: #D0D0D0; */
	min-height: 2em;	

	border: 0px solid #D5C6A3; 
	border-bottom-width: 2px;

	/* box-shadow: 1px 1px 1px #C0C0C0, -1px 1px 1px #C0C0C0; */

	/* 7/1/2015 */
	background-color: white;
	/*border-bottom: 0px solid #C0C0C0;  border-bottom: 2px solid #7092BE; */
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.SubSectionHeader
{
	display: block;
	position: relative;

	background-color: #D0D0D0;
	color: white;

    text-align:center;
    vertical-align: middle;

	line-height: 1.5em;

    border: 1px solid #E2E2E2;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.SectionSubHeader
{
	display: block;
	position: relative;

	width: 60%;	
	
	margin-top: 2em;
	margin-bottom: 0.2em;
	margin-left: auto;	
	margin-right: auto;
    
	background-color: #AEAEAE;
    text-align:center;
	min-height: 2em;	
}


.SectionHeader .SectionHeaderTitle, 
.SectionSubHeader .SectionHeaderTitle
{
	position: relative;
	z-index: -1;
	
	text-align: left;
	vertical-align: middle;
	line-height: 2em;
	padding-left: 0.5em;

	/* 7/1/2015 */
	position: absolute;
	left: 0px;
	right: 0px;
	color: #202020;
	text-align: center;
	
	font-size: 120%;
}
.SectionHeader .ControlArea
{
	float: left;
	margin-top: 0.25em;
    text-align: left;
	margin-left: 0.25em;
}
.SectionHeader .ButtonArea
{
	float: right;
	margin-top: 0.25em;
    text-align: right;
	margin-right: 0.25em;
}
.SectionHeader .ButtonArea .ButtonSizeSmall
{
	margin-left: 0.25em;
}

.Panel
{
	/* Display */
	display: inline-block;
	width: 100%;
	

	/* Position */
	position: relative;
	margin-top: 0.0em;
	margin-bottom: 0.0em;
	margin-left: 0.0em;
	margin-right: 0.0em;	
	
	padding-top: 0.0em;
	padding-bottom: 0.2em;
	
	padding-left: 0.0em;
	padding-right: 0.25em;

	/* When borders are added to this element, make sure the overall dimensions of the box do not change - include the border width within the existing dimensions */	
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

	/* Border and Shadow */
	border-radius: 4px;
	/*
    border: 1px solid #E0E0E0;
	
	
    border-bottom: 1px solid #C0C0C0;
    -moz-box-shadow: 3px 3px 6px #aaaaaa; 
    -webkit-box-shadow: 3px 3px 6px #aaaaaa;
    box-shadow: 3px 3px 6px #aaaaaa;    
    */

	/* Text Color*/
	color: #404040;
    
	/* Background */
    /* background-color:#fafafa;  */
    /*background: #F0F0F0;*/ /* Old browsers */
    /*background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(222,224,223,1) 100%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(222,224,223,1)));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(222,224,223,1) 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(222,224,223,1) 100%);*/ /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(222,224,223,1) 100%);*/ /* IE10+ */
    /*background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(222,224,223,1) 100%);*/ /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e0e2e1',GradientType=0 );*/ /* IE6-9 */

}
.Panel.IndentedPopupPanel
{
	box-sizing: border-box;
	padding-left: 1em;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}
.PanelRow .Panel:last-of-type { padding-right: 0px; }

.Panel .ContentItemHeader
{
	background-color: #F0F0F0;
	margin-bottom: 0.1em;
	border: 1px solid #E0E0E0;
	text-align: center;
	line-height: 1.5em;

	/* 7/1/2015 */
	background-color:#FFFFFF;
	border-width: 0px;
	border-radius: 2px 2px;
}
.Panel .ContentShader
{
	margin-top: 0.0em;
	background-color: #F3F3F3;
	padding: 0.1em 0.3em 0.1em 0.3em;

	/* 7/1/2015 */
	background-color:#FFFFFF;
	border-radius: 4px 4px;
}

.Panel .EditableContent .ContentShader,
.Panel .EditableContent .ContentItemHeader
{
	background-color: #D8D8D8;
}

/* PanelRow is a ROW of PANELS */
.PanelRow
{
	position: relative;	
}
.PanelRow, .StandaloneSection
{	
	/* 7/1/2015 */
	width: 99%;
	margin-left: auto;
	margin-right: auto;	
}

.PanelRow .RightBuffer
{
	margin-right: 0.25%;
}

td
{
	
}

.Panel span.Title,
.SecondaryPanel span.Title
{
	/* display: none; */
	position: absolute;
	top: -1.5em;
	left: .5em;
	font-size: 0.9em;
	font-weight: bold;
	color: #A0A0A0;
}

.Panel > div.Content
{
	display: inline-block;
	width: 100%;
	vertical-align: top;
	position: relative;
	/*
	padding: .1em;
	padding-left: 1em;	
	*/
	padding-right: 0em;
	line-height: 2em;

	/* When borders are added to this element, make sure the overall dimensions of the box do not change - include the border width within the existing dimensions */	
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

	border-width: 0px;
	border-style: solid;
	border-color: transparent;	
}
 
.Panel > div.Content > div.ContentItem
{
	display: inline-block;
	vertical-align: top;
	
	/* When borders are added to this element, make sure the overall dimensions of the box do not change - include the border width within the existing dimensions */	
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	
	border-width: 2px;
	border-style: solid;
	border-color: transparent;	

	line-height: 1.5em;
	overflow: hidden;
}
.Panel > div.Content > div.ContentItem:first-child { border-left-width: 0px; }
.Panel > div.Content > div.ContentItem:last-child { border-right-width: 0px; }

/* Major Separator */
/*
.Panel > div.ContentSeparator
{
	display: inline-block;
	width: 2px;
	height: 100%;
	background-color: black;	
}

.Panel > div.Content > div.ContentSeparator
{
	display: inline-block;
	width: 0.2%;
	height: 100%;
	background-color: black;
}
//*/
.Panel .Label, .UseLabels .Label
{
	color: #202020;
	font-weight: bold;
}

.Panel .TopLabel, .UseLabels .TopLabel
{
	text-align: center;
	color: #808080;
	font-size: 125%;
	font-weight: normal;
}

.Panel .Value
{
	
}

.Panel .RightBorder
{
	border-right-color: #C0C0C0 !important;
}
.Panel > .Content > .RightBorder
{
	border-width: 1px !important;
}

/*  */
/* HEADER & MENU */
#HeaderWrapper
{	
	/*
	background-color: #243A59; -- #00395D; ... Web adaptation of business card's #00263E;
	
	padding-top: 8px;		
	height: 38px;
	*/
}

#Header
{
	position: relative;
	/* background-color: #484848; */	
	/* background-color: #34495C; */
	/* background-color: #465c71; */
	
}
#Header .Blurb
{
	display: none;
	position: absolute;
	top: 5px;
	left: 64px;	
	color: #E8E8E8;
	font-size: 11px;
	font-style: italic;
}

#Header #Logo
{
	margin-top: 6px;
	margin-left: 8px;	
}
/*
#Header .LastLoginInfo
{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#C0C0C0;
}

#HeaderExtension
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 95px;
	background-color: #243A59;
	z-index: -1;
}

#pnlMenu
{	
	margin-top: 0px;
	margin-left: 180px;
}
*/


#pnlMenu .RadNavigation .rnvHovered:not(.searchBoxWrapper) > .rnvRootLink,
#pnlMenu .RadNavigation .rnvExpanded > .rnvRootLink,
#pnlMenu .RadNavigation .rnvSelected:not(.searchBoxWrapper) > .rnvRootLink
{ background-color: #10496D !important; }

#pnlMenu .RadNavigation .rnvRootGroupWrapper { background-color: #243A59 !important; }

#pnlMenu .RadNavigation .rnvLink,
#pnlMenu .RadNavigation .rnvText { color: white; }

/*
#pnlMenu .rmGroup
{
	background-color: #465c71;
}
#pnlMenu .rmRootGroup > .rmItem,
#pnlMenu .rmRootGroup
{
	border-color: transparent;
}
#pnlMenu .rmRootGroup .rmRootLink
{
	background-image: none;
	background-color: transparent;
	border-top-color: #205974;
}
#pnlMenu .rmRootGroup
{
	box-shadow: none !important;
}
#pnlMenu .rmRootGroup > .rmItem > .rmFocused,
#pnlMenu .rmRootGroup > .rmItem > .rmSelected,
#pnlMenu .rmGroup .rmFocused.rmLink,
#pnlMenu .rmGroup .rmLink:hover
{	
	background-image: none !important;
	background-color: #10496D !important;
}
*/

#pnlMenu_bak
{
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #F0F0F0 0%, #D0D0D0 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #F0F0F0 0%, #D0D0D0 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #F0F0F0 0%, #D0D0D0 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F0F0F0), color-stop(1, #D0D0D0));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #F0F0F0 0%, #D0D0D0 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #F0F0F0 0%, #D0D0D0 100%);
}
/*
#pnlMenu .RadMenu,
#pnlMenu .RadMenu .rmRootGroup
{
	width: 100%;
}

#pnlMenu .RadMenu .rmRootGroup,
#pnlMenu .RadMenu .rmItem
{
	background: transparent !important;
}
#pnlMenu .RadMenu .rmRootGroup .rmExpand
{

}
#pnlMenu .RadMenu .rmLink
{
	color: #FFFFFF;
	font-size: 110%;
}
*/
/*
#pnlMenu .RadMenu .PinnedRight,
#pnlMenu .RadMenu.SecondaryMenu .rmItem
{
	float: right !important;

}

#pnlMenu .RadMenu.SecondaryMenu .rmText {
    padding-bottom:0px !important;
}

#pnlMenu .RadMenu .Logout
{

	margin-right: 0em;
	margin-left: 0.2em;
}
*/

/* This change previously only existed in Revoquest1 */
.RadMenu > ul > li > div.rmSlide > ul > li.rmItem.MenuPadding
{
	padding-left: 10px;
	padding-right: 10px;
}

/* TAB HEADER BAR */
.TabHeaderBar
{
	margin-top: 0.0em;
	margin-left: 0.1em;
	margin-right: 0.1em;

	padding-top: 0.2em;

	min-height: 1.5em;
	border: 0px solid gray;
	border-top: 1px solid #C0C0C0 !important;
	border-bottom: 1px solid #C0C0C0 !important;
	/* border-radius: 4px; */
	
	background-color: #E8E8E8;
	/* background: linear-gradient(to bottom,  rgba(222,224,223,1) 0%,rgba(196,196,196,1) 100%); */
}

	.TabHeaderBar div.RadToolBar_Bootstrap 
	{
		background-color: transparent !important;
		border-width: 0px;
	}

	.TabHeaderBar .Menu {
		margin-left: 4px;
		float: right;
	}
.TabHeaderBar .rmRootGroup
{
	border-width: 0px !important;
}
.TabHeaderBar .rmText
{
	margin-top: 2px;
	padding-bottom: 0px !important;
	margin-bottom: -4px;
	/* padding-right: 0px !important; */
}
.TabHeaderBar .rmText img:hover { cursor: pointer; }
/*
.RadMenu_Default .rmRootGroup
{
	background: none !important;
}
*/

.CustomHeaderControlWrapper
{
	float: right;
	margin-top: 0.3em;
	margin-right: 2.5em;
}

#cphPageHeader_PageHeader_search_bar
{
	position: relative;
	float: right;
	margin-top: 0.3em;
	margin-right: 0.4em;
	/* width: 326px; */
}
#cphPageHeader_PageHeader_search_bar .ClearSearch
{
	position: absolute;
	top: 0px;
	margin-left: -5px;
}


.rsbSlide .rsbList > li.rsbDefaultListItem,
.rcbScroll > .rcbList > li.rsbDefaultListItem
{
	font-style: italic;
}


/* Currently, this is used to append a colon after all labels */
.Panel .Label:not(:empty)::after, .UseLabels .Label:not(:empty)::after
{
	content: ":";
}

.Panel a
{
	/*text-transform: lowercase;*/
}
.Panel a.Offset { margin-left: 8px; }

.ClearingLine		{ clear: both; height: 0px; line-height: 0px; margin: 0; padding: 0; }
.DividingLine		{ clear: both; line-height: 1px; margin: 0; padding: 0; background-color: #C0C0C0; }

.RadDockZone
{
	background-color: white;
}

.ResponsiveRadGrid table
{
	/* empty-cells: show; */
}

.ResponsiveRadGrid
{
	box-sizing: border-box;
}
.ResponsiveRadGrid,
.ResponsiveRadGrid .rgMasterTable, .ResponsiveRadGrid .rgDetailTable, .ResponsiveRadGrid .rgGroupPanel table, .ResponsiveRadGrid .rgCommandRow table, .ResponsiveRadGrid .rgEditForm table, .ResponsiveRadGrid .rgPager table
{
	font-size: 0.95em !important;
}
.ResponsiveRadGrid .rgHeader
{	
	font-size: 0.95em !important;
	line-height: 2.2em;
}
.ResponsiveRadGrid .rgDataDiv .rgMasterTable .rgRow td,
.ResponsiveRadGrid .rgDataDiv .rgMasterTable .rgAltRow td
{
	vertical-align: top;	
}

.RadGrid .rgDataDiv .rgMasterTable .rgAltRow:not(.rgSelectedRow, .rgSelfSelect) > td,
.RadGrid .rgDataDiv .rgMasterTable th.rgHeader {
    background-color: #f0f0f0 !important;
}
/*
.ResponsiveRadGrid .rgDataDiv a
{
	color: #000090 !important;
	text-decoration: none;
}
.ResponsiveRadGrid a:hover
{
	text-decoration: underline;
}
.ResponsiveRadGridHeader
{
	background-color: #7092BE !important;
	border-right: 1px solid #D0D0D0;
} .ResponsiveRadGridHeader:last-of-type { border-right: none; }
.ResponsiveRadGridHeader a
{
	color: white !important;
}
*/
.ResponsiveRadGrid .rgNoRecords
{
	display: none !important;
}
.ResponsiveRadGrid .NoHeader
{
	display: none !important; 
}
/*
.ResponsiveRadGrid .rgDetailTable,
.ResponsiveRadGrid .rgDetailTable td
{
	border-width: 0px !important;
}
.ResponsiveRadGrid td
{
	vertical-align: top;
}
.ResponsiveRadGrid .rgGroupHeader td
{
	vertical-align: middle;
}
.ResponsiveRadGrid .rgHoveredRow
{

}
.ResponsiveRadGrid .rgSelectedRow,
.ResponsiveRadGrid .rgSelectedRow td
{
	background: #F0E0D0 !important;
}
.ResponsiveRadGrid .rgMasterTable > .rgAltRow,
.ResponsiveRadGrid .rgMasterTable > tbody > .rgAltRow td
{
	background-color: #F6F6F6;
}
.ResponsiveRadGrid .rgGroupCol
{
	line-height: 0px;
}
.ResponsiveRadGrid .rgRow td,
.ResponsiveRadGrid .rgAltRow td
{
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	line-height: 28px;
}

.ResponsiveRadGrid .Note { font-style: italic; } 
*/
/* slight hack to prioritize over AltRow by pre-pending body */
/*
body .ResponsiveRadGrid .rgMasterTable > .rgHoveredRow,
body .ResponsiveRadGrid .rgMasterTable > tbody > .rgHoveredRow td
{
	background-color: #D0E0F0;
	cursor: pointer;
}
*/

a.FullLink,
.FullColumnLink > a
{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.FullColumnLink { padding: 0px !important; }

.RadGridContainer
{
	position: absolute;
	top: 114px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
}

.PinnedToBottom
{
	position: absolute;
	/* top: 104px; ... top should be set on a case by case basis */
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
}
.PinnedToBottom .RadAjaxPanel { height: 100%; }
/*.PinnedToBottom .rgDataDiv { overflow-x: scroll !important;  } */

/* These likely need to be refined */
.MainContentContainer .PinnedToBottom { top: 104px; }
.MainContentContainer .PinnedToBottom.NoMenu { top: 48px; }


.FullScreenGrid
{
	height: 100%;
}

.FullScreenGrid .rgHeaderDiv
{
	margin-right: 0px !important;
}

.FullScreenGrid .rgDataDiv
{
	position: absolute;
	top: 32px;
	bottom: 42px;
	height: auto !important;
}

/* Pager */
.FullScreenGrid > .rgClipCells
{
	position: absolute;
	bottom: 1px;
	background-color: white;
}

/* The page header may be optionally wrapped by a container to hack-in page-level controls */
.PageHeaderOuterContainer { position: relative; }
.PageHeaderExtensions { position: absolute; left: 25%; box-sizing: border-box; width: 75%; padding-right: 1em; }
.PageHeaderExtensions .Extension { float: left; margin-left: 1%; margin-top: 0.2em; }
.PageHeaderExtensions .RadAjaxPanel { display: inline !important; }
.PageHeaderWrapper .RadAjaxPanel { display: inline !important; }

.PageHeaderWrapper
{	
	margin-top: 0.2em;
	padding-bottom: 0.2em;
	/*
	margin-left: 0.1em;
	margin-right: 0.1em;
	*/
	min-height: 1.5em;
	border: 0px solid gray;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-width: 0px;
	border-bottom: 2px solid #DDDDDD;


	background-color: white;
	
	overflow: visible;
	/* background: linear-gradient(to bottom,  rgba(222,224,223,1) 0%,rgba(196,196,196,1) 100%); */ /* W3C */

}

.PageHeaderWrapperDark 
{
    background-color:#464646 !important;
}

.PageHeaderWrapper .page_header
{
	float: left; width: 100%;
}
.PageHeaderWrapper #header_text
{
	/* display: none; */
	float: left;
	padding-top: 0.3em;
	padding-left: 0.5em;
	

	font-family: "Lucida Sans", sans-serif;
	font-size: 140%;	
	color: #404040;
}
.PageHeaderWrapper #header_list_grouping,
#cphPageHeader_PageHeader_header_list_grouping
{
	float: left;
	margin-left: 1em;
}
.PageHeaderWrapper .Menu
{
	float: right; margin-right: 0.1em; margin-left: 1.5em;
}
.PageHeaderWrapper .rmRootGroup,
.PageHeaderWrapper .rmRootGroup .rmItem
{
	border-width: 0px !important;
}
.PageHeaderWrapper .rmRootGroup > .rmItem > .rmSlide > .rmVertical > .rmItem > .rmLink
{
	padding-left: 0px;
	padding-right: 0px;
}

.PageHeaderWrapper .rmText
{
	/* This seems dubious */
	margin-top: 2px;
	/* padding-bottom: 0px !important; */
	
	/* padding-right: 0px !important; */
}
.PageHeaderWrapper .rmText img:hover { cursor: pointer; }
.PageHeaderWrapper .MenuIcon { 
	margin-top: 6px;
	margin-bottom: -9px;
	padding-bottom: 0px !important;
}

/* "Adjust" font awesome icons in menu so that they appear in the proper location for menu item images */
.rmLink .rmText span > i.fa {
	margin-left: -23px;
	padding-right: 5px;
}

/*upper-right "utilities" and "logout" menus ONLY*/
#MenuWrapper .rmLink .rmText span > i.fa {
	padding-left: 18px;
}

/* Imported RQ audit status tiles */
.HomeStatusTile
{	
	position: relative;
	display: inline-block;
	
	width:	24%;
	height:	 5em;
	margin-left: 0.5%;
	margin-right: 0.5%;
	
	text-align: left;	
	cursor: pointer;
}

/* Background URLs for specific tiles */
#HomeStatusTile_Created 				{ background-color: #556276; 	margin-left: 0px; }
#HomeStatusTile_Scheduled 				{ background-color: #556276; }
#HomeStatusTile_PickedUp 				{ background-color: #556276; }
#HomeStatusTile_NeedsReview 			{ background-color: #556276; 	margin-right: 0px; }
#HomeStatusTile_Complete 				{ background-color: #626D51; 	margin-left: 0px; }
#HomeStatusTile_AwaitingApproval 		{ background-color: #626D51; }
#HomeStatusTile_SecondApproval 			{ background-color: #626D51; }
#HomeStatusTile_ApprovedLast30 			{ background-color: #626D51; 	margin-right: 0px;}
/*#HomeStatusTile_CancelledLast30 		{ background-color: #BB7748; 	margin-right: 0px; } */

#HomeStatusTile_Created:hover	 		{ background-color: #546A87; }
#HomeStatusTile_Scheduled:hover 		{ background-color: #546A87; }
#HomeStatusTile_PickedUp:hover			{ background-color: #546A87; }
#HomeStatusTile_NeedsReview:hover		{ background-color: #546A87; }
#HomeStatusTile_Complete:hover			{ background-color: #6C794F; }
#HomeStatusTile_AwaitingApproval:hover	{ background-color: #6C794F; }
#HomeStatusTile_SecondApproval:hover	{ background-color: #6C794F; }
#HomeStatusTile_ApprovedLast30:hover	{ background-color: #6C794F; }
/* #HomeStatusTile_CancelledLast30:hover	{ background-color: #CD7F3F; } */



.HomeStatusTile .HomeStatusCount
{
	position: relative;
	display: inline-block; * display: block; zoom: 1;
	
	left: 1%;
	width: 40%;
	height: 100%;

	text-align: center;
}
.HomeStatusTile .HomeStatusCount > span
{	
	position: absolute;
	display: block;
	
	width: 100%;
	left: 0px;
	top: 50%;
	margin-top: -0.7em;
	
		
	font-size: 140%;
	color: white;
}

.ValidationErrorMessage 
{
    color:#de3914 !important;
}

/*here we need to override the !important rules in the metro skin in order to realize our validation style*/
.RadComboBox_Metro tr.rcbReadOnly > td.ValidationError,
.ValidationError,
 span.radInput > .ValidationError, 
 td.rcbInputCell > .ValidationError,
 div.RadComboBox .ValidationError
{	
	border-color:#de3914 !important;
	background-color:#ffe9e9 !important;
	color:#de3914 !important;
}

.HomeStatusTile .StatusLabel		{ position: absolute; top: 50%; padding-left: 38%; text-align: center; width: 54%; margin-top: -14% /* 0 - (62 - 16)/2 offset */; line-height: 1.5em; font-size: 100%; color: white; font-weight: normal; left: 0px;   }
.HomeStatusTile .StatusLabel > .Info{ font-size: 90%; font-style: italic; }
.HomeStatusTile > .SingleLine 		{ margin-top: -8% !important; }

#pnlMenu .rmLink > .rmText > .fa
{
	/*
	padding-top: 0.3em;
	font-size: 140% !important;
	color: #E0E0E0;	
	*/
}

.ButtonTextSeparator
{
	display: inline-block;
	
	margin-left: 0.2em;
	margin-right: 0.2em;
	
}

.DropDownLabel
{
	margin-right: -0.15em;
	font-size: 95%;
}

/* StandardGridStyle ... merged into ResponsiveRadGrid */
.ResponsiveRadGrid .rgHeader > a,
.ResponsiveRadGrid .rgDataDiv tr > td:not(.rgPagerCell)
{
	line-height: 2.5em;
}

.ResponsiveRadGrid .rgHeader
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.ResponsiveRadGrid .rgMasterTable > tbody > .rgAltRow,
.ResponsiveRadGrid .rgMasterTable > tbody > .rgAltRow > td,
.ResponsiveRadGrid .rgDetailTable > tbody > .rgAltRow,
.ResponsiveRadGrid .rgDetailTable > tbody > .rgAltRow > td,
.ResponsiveRadGrid .HierarchyAltRow,
.ResponsiveRadGrid .rgDataDiv .rgRow .rgGroupCol
{
	/* background-color: transparent !important; */
}

.ResponsiveRadGrid .rgMasterTable > tbody > .rgRow > td,
.ResponsiveRadGrid .rgMasterTable > tbody > .rgAltRow > td
{
	border-bottom: 1px solid #F0F0F0 !important;
	color: #303030 !important;
}


.RevoAlert,
.ResponsiveRadGrid .rgMasterTable > tbody > .rgRow > td.RevoAlert,
.ResponsiveRadGrid .rgMasterTable > tbody > .rgAltRow > td.RevoAlert
{
	padding-left: 0.5em;
	padding-right: 0.5em;

	font-weight: bold;
	/*
	background-color: #900000 !important;
	color: white !important;
	*/
	border-style: solid;
	border-color: #900000 !important;
	border-width: 0px; /* Hidden for now */
	border-radius: 2px 2px;
	
	color: #900000 !important;		
}




.DonutDisplay
{
	position: relative;
	width: 32.5%;
	height: 80px;
	float: left;
	overflow: hidden;
}

.DonutDisplay > .DonutText
{
	position: absolute;
	top: 5px;
	display: inline-block;
	text-align: center;
	height: 80px;
	width: 100%;
	line-height: 80px;
	vertical-align: middle;
	font-size: 170%;
	font-weight: bold;
	z-index: 1;
}

.DonutDisplay > .DonutLabel
{
	position: absolute;	
	display: inline-block;
	text-align: center;
	top: 0px;
	height: 1.5em;
	width: 100%;
	line-height: 1.5em;
	vertical-align: middle;
	font-size: 100%;
	font-weight: normal;
	z-index: 1;
}

.DonutDisplay > .DonutChart
{
	top: 5px;
	height:80px !important;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}


/*Business Rule Failure styles*/

.RuleFailureGrid
{
	/* padding-left: 10.5em; */
}

.RuleFailurePanel .Failure
{
	margin-top: 0.2em;
}

.RuleFailureGrid .Failure,
.RuleFailurePanel .Failure
{
	display: inline-block;
	color: white;
	line-height: 1.8em;
	min-width: 250px;
	padding-left: 0.6em;
	padding-right: 0.6em;
	background-color: #A00000;
	border-radius: 4px;
}

.RuleFailureGrid .Label,
.RuleFailurePanel .Label
{ 
    color: white; 

}

.FailureText
{
	color: white;
	min-width: 25em;
}


/* Hack for Telerik 2015 Q1 */
.ButtonWithoutText > .rbText,
.ButtonWithoutText .ButtonTextSeparator
{
	display: none !important;
}


/**************
 *    
 *   For font-size in .RevoTabMenu, .rtsLevel1, .rtsLevel2 see the auto-scaling media queries in responsive.css   **
 *
 **************/ 

.RevoTabMenu .rtsLevel1 .rtsTxt {
    font-family: Arial Narrow, Verdana, Tahoma, Arial, sans-serif;
    letter-spacing: 0.1em;
}
.RevoTabMenu .MenuSeparator
{
	display: inline-block !important;
	background: #909090 !important;

	margin-top: 0.75em !important;

	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0.1em !important;

	width: 0.5em !important;
	height: 0.5em !important;
	border-radius: 0.5em !important;
	content: " " !important;	
}

.RevoTabMenu .rtsLevel2 .rtsLI .rtsOut,
.RevoTabMenu .rtsLevel2 .rtsLI .rtsLink {
    padding-right:0.2em !important;
    padding-left:0.2em !important;
}

.awesomeIconLink 
{
    font-size:1.2em;
    color: #90A0B0;
    cursor:pointer;
    margin-left:5px;
}

.awesomeIconLink > i.fa
{
	color: #909090;
}


/*Custom Fields Panel CSS*/
.CustomFieldsPanel .labelvaluepair
{
	float:left;
	width: 33%;
    margin-bottom: 0.5em;
}
	
.CustomFieldsPanel div.label
 {
	float: left;
	box-sizing: border-box;
	padding-right: 5px;
	padding-left: 10px;
	width:50%;
	display: inline-block;
	font-weight: bold;
}

.CustomFieldsPanel table 
{
	width:100%;
}

.CustomFieldsPanel .section
{
	clear:both;        
}

.CustomFieldsPanel div.label:not(:empty)::after
{
	content:":";
}

.CustomFieldsPanel div.label.hide
{
    content:"";
}
/*End Custom Fields Panel CSS*/

.WizardStepWrapper
{
	padding: 1em;
}

.WizardStep
{
	/*
	border: 1px solid #E8E8E8;
	background-color: white;
	padding: 1.5em;
	padding-left: 2%;	
	*/
	line-height: 2.75em !important;
	min-height: 32em;
}

.WizardStep .ActionLabel
{
	display: inline-block;
	width: 10em;
}

.WizardStep .NewValueLabel
{
	display: inline-block;
	margin-left: 1em;
	width: 9em;
}

input.VeryLargeCheckBox[type=checkbox],
.VeryLargeCheckBox input[type=checkbox]
{
    display: block;
    width: 1.5em !important;
    height: 1.5em !important;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
}

.imageStretch 
{
    width: auto !important;
    height: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ADLAdvFilterWrapper .Label 
{
	display: inline-block;
	width: 38.2%;
}

.ADLAdvFilterWrapper .Label .TimeDateRange
{
    vertical-align: top;
}
.ADLAdvFilterWrapper .Value
{
	display: inline-block;
}

.ADLAdvFilterWrapper > div
{
	line-height: 1.4em;
}

.ADLAdvFilterWrapper .filtersDescriptionBox {
    position: absolute;
    bottom: 0px;
    background-color: #FFFFFF;
    padding: 0.25em;
    margin-top:5px;
    margin-left: 4px;

}

.ADLAdvFilterWrapper .toolTipArea {
    margin-left: 5px; 
    vertical-align: middle; 
    display: table-cell; 
    height: 40px; 
    padding-left: 5px;
}

.ADLAdvFilterWrapper span.VeryLargeCheckBox > input {
    float:left;
}

.ADLAdvFilterWrapper .filtersWrapper {
    padding:3px;
}
        
.ADLAdvFilterWrapper .primaryControl {
    margin-left:180px;
    height:30px !important;
}


.AuditListAdvancedFilterWrapper .statusWrapper {
            width: 85%;
            padding-bottom: 1%;
            padding-top: 1%;
            padding-left: 8%;
}
        
.AuditListAdvancedFilterWrapper .filtersWrapper1 {
    padding:3.5px;
}

.AuditListAdvancedFilterWrapper .filtersWrapper2 {
    padding:3.5px;
}

.AuditListAdvancedFilterWrapper .dealerCode {
    padding-right: 4px;
    color: #C0C0C0;
}

.AuditListAdvancedFilterWrapper .filtersLabel {
    width: 35%;
    display:inline-block;
}

.AuditListAdvancedFilterWrapper .filterControl {
    display:inline-block;
    width: 40%;
}

.AuditListAdvancedFilterWrapper hr {
    margin-left: 15px;
    width: 190px;
    margin-top: 0;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.AuditListAdvancedFilterWrapper .filtersDescriptionBox {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #FFFFFF;
    padding: 0.25em;
    height:50px;
}
        
.AuditListAdvancedFilterWrapper .toolTipArea {
    margin-left: 5px; 
    vertical-align: middle; 
    display: table-cell; 
    height: 30px; 
    padding-left: 5px;
}

        

.AuditListAdvancedFilterWrapper .primaryControl {
    margin-top:8px;
    margin-left:255px;
    height:30px !important;
}

.AuditListAdvancedFilterWrapper .primaryControlFilter2 {
	margin-top:8px;
	height:30px !important;
}

.AuditListAdvancedFilterWrapper .horizontalDivider {
    background-color:#F0F0F0; 
    width:100%;
    height: 10px;
}

.AuditListAdvancedFilterWrapper .SelectMsg {
    color: red; 
    font-size: .9em;
}

.AuditListAdvancedFilterWrapper .ContentShader { 
    box-sizing:border-box;
    background-color:#FFFFFF; 
}

.AuditListAdvancedFilterWrapper .Hidden {
    display:none;
}

.AuditListAdvancedFilterWrapper .ActiveCustomFieldsButton i.fa {
    color:#72BbFa !important;
}

.AuditListAdvancedFilterWrapper .selectedTip {
    padding-left:1em;
}
.AuditListAdvancedFilterWrapper span.VeryLargeCheckBox > input {
    float:left;
}

.AuditListAdvancedFilterWrapper .RadCalendarPopup  {
    margin-top: 40px;
    z-index:8000 !important; /* needs to lay on top of the RQ date picker UC */ 
}
.AuditListAdvancedFilterWrapper .rcbSlide {
    z-index:8000 !important; /* needs to lay on top of the RQ date picker UC */ 
}



 .DealerListAdvancedFilterWrapper .filtersWrapper1 {
    padding:3.5px;
}

.DealerListAdvancedFilterWrapper .filtersWrapper2 {
    padding:3.5px;
}


.DealerListAdvancedFilterWrapper .filtersLabel {
    width: 35%;
    display:inline-block;
}
        

.DealerListAdvancedFilterWrapper .filterControl {
    width: 40%;
    display:inline-block;
}

.DealerListAdvancedFilterWrapper hr {
    margin-left: 15px;
    width: 190px;
    margin-top: 0;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.DealerListAdvancedFilterWrapper .container {
    width: 93%;
    background-color: #EFEFEF;
    padding: 1em;
    margin-top: 1em;
    margin-left: 1em;
    margin-right: 1em;
}
        
       


.DealerListAdvancedFilterWrapper .filtersDescriptionBox {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #FFFFFF;
    /*padding: 0.25em;*/
}

.DealerListAdvancedFilterWrapper .toolTipArea {
    margin-left: 5px; 
    vertical-align: middle; 
    display: table-cell; 
    height: 50px; 
    padding-left: 5px;
}
         
.DealerListAdvancedFilterWrapper .primaryControl {
    margin-top:8px;
    margin-left:255px;
    height:35px !important;
}

.DealerListAdvancedFilterWrapper .SelectMsg {
    color: red; 
    font-size: .9em;
}

.DealerListAdvancedFilterWrapper .dealerCode {
    padding-right: 4px;
    color: #C0C0C0;
}

.DealerListAdvancedFilterWrapper .subDivider {
    background-color: #F0F0F0; 
    height: 12px; 
    width: 100%;
}
        
.DealerListAdvancedFilterWrapper .ContentShader { 
    box-sizing:border-box;
    background-color:#FFFFFF; 
}

.DealerListAdvancedFilterWrapper span.VeryLargeCheckBox > input {
    float:left;
}


.GridFieldSelectorWrapper {
    padding: 1em;
}

.GridFieldSelectorWrapper .GridSelectorHeaderBar {
    position: relative; 
    color: #5f5f5f; 
    min-height: 2em; 
    font-size: 110%;
}

.GridFieldSelectorWrapper .GridSelectorHeaderBar .GridSelectorHeaderLeft {
    position: absolute; 
    left: 0%; 
    width: 50%; 
    text-align: center; 
    line-height: 2em; 
}

.GridFieldSelectorWrapper .GridSelectorHeaderBar .GridSelectorHeaderRight {
    position: absolute; 
    left: 50%; 
    width: 50%; 
    text-align: center; 
    line-height: 2em; 
}

.ExceptionLabelContainer {
	width: 10em;
}

.RadCalendar .rcFooter .CalendarFooterWrapper .IconButton {
    margin-top:3px !important;
    margin-bottom:4px !important;
    display:inline-block;
    cursor:pointer;
}

.RadCalendar .rcMain .rcRow td.CalendarToday {
    background-color: #D5C6A3;
}

/* Makes the split button icon look like an X instead of a dropdown arrow */
.FilterButtonStyle.FilterActive .rbText { color: #337ab7; }
.FilterButtonStyle .rbSplitPart span.rbSplitIcon:before {
    font-family: FontAwesome !important;
    content: "\f057" !important;
    color: #337ab7 !important;  /* from adjoining text color of button */
}

.DateDisplayBox
{
    height: 4.25em;
}


/* this is in the Revoquest1 skin file, but with an 'a' on the end of the selector, which doesn't target the selected day right for our calendar
    not sure why, but I am not going to change in the skin file
*/
.RadCalendar .rcMain .rcRow .rcSelected {
	border-color: #357ebd;
    background: #337ab7;
    color: #ffffff;
}

.DatePanel
{
	margin-left: 9%;
	width:  82%;
    /* background-image:none !important; */
    /* background-color:#fafafa !important; */
    /* border:1px solid #c0c0c0 !important; */
	background-color: transparent !important;
    padding-top:0px !important;
    padding-right:0px !important;            
}
.DatePanel > .Content > .ContentItem
{
	width: 11%;
	text-align: center;
    line-height:1.3em !important;
	background-color: #FAFAFA;
	border-left: 1px solid #D0D0D0 !important; 
	border-right: 1px solid #D0D0D0 !important; 
	border-bottom: 1px solid #D0D0D0 !important;
	}
		
.DatePanel > .Content > .SelectedDateItem
{
	border-bottom: medium solid #78C5f2 !important;
	border-color: #78C5f2 !important;
}

.DatePanel .CreatedBackground .DateLabel
{
	background-color: #9F9F9F;
}
.DatePanel .ProgressBackground .DateLabel
{
	background-color: #6E9D57;
}
.DatePanel .CompletedBackground .DateLabel
{
	background-color: #556276;
}
		
.DateFields .DateLabel
{
	display: block;
	color: white;
}
.DateFields .Date
{
	display: block;
	font-size: 90%;
	font-weight: bold;
	color: #606060;
}
.DateFields .Time
{
	display: block;
    font-size: 90%;
	/*color: #AF0000;*/ 
}
.DateFields .Day
{
	display: block;
    font-size: large;
	/*color: #AF0000;*/ 
}

.DatePanel .DateLabel > div { display: inline !important; border-bottom-width: 0px !important; }

.DatePanel .DateEditButton
{
	display: inline;
	margin: 0px !important;
	padding: 0px 0px 0px 0px !important;
	border-right-width: 0px !important;
	border-left-width: 0px !important;
	border-top-width: 0px !important;
	border-bottom-width: 0px !important;
	font-size: 90% !important;
	background-color: transparent !important;
	color: #F0F0F0 !important;
}

.ADLAdvFilterWrapper .content { overflow: hidden; width: 925px; position: absolute; }
.ADLAdvFilterWrapper .left { width: 49%; margin-left: 4px; margin-top: 2px; padding: 2px; background-color: white; float: left; height: 330px; }
.ADLAdvFilterWrapper .right { width: 49%; margin-left: 3px; margin-top: 2px; padding: 2px; background-color: white; float: right; height: 330px; }

.ADFButtonArea { margin-left: auto; margin-right: auto; width: 99%; }
.ADFButtonArea .applyButton { width: 55%; margin-right: 15px; }
.ADFButtonArea .resetButton { width: 43.3%; }
.ADFButtonArea .applyButton, .resetButton { height:auto; float:left; margin-bottom:10px; text-align: right; }
.ADFButtonArea .clear { clear: both; }


.MessagePopupMessageWrapper { /*border: 1px solid red;*/ width: 99% !important; padding-left:5px; height: 387px; overflow: auto; -webkit-box-shadow: 0 4px 6px -6px #222; -moz-box-shadow: 0 4px 6px -6px #222; box-shadow: 0 4px 6px -6px #222; }

.MessageSpellCheck { text-align:right; display:inline-block; width:98%; padding-top: 5px; }

.MessageSubjectWrapper { width: 100%; }
.MessageSubjectWrapper .Label { display: inline-block; width: 12%; vertical-align: middle; }
.MessageSubjectWrapper .Value { display: inline-block; width: 87%; vertical-align: top; margin-bottom: 2px; }

.MessagesSaveCancelDeleteWrapper { background-color: #FFFFFF; height: 28px; margin-top: 5px; padding: 17px 0; width: 100% }
.MessagesSaveCancelDeleteWrapper .spacer, .savecancelButton, .MessageDeleteIcon { width: 31.5%; margin-right: 5px; float: left; /*border: 1px solid #888;*/ }
.MessagesSaveCancelDeleteWrapper .spacer { text-align: right; }
.MessagesSaveCancelDeleteWrapper .savecancelButton { text-align: center; padding-left: 20px }
.MessagesSaveCancelDeleteWrapper .MessageDeleteIcon { text-align: right; }
.MessagesSaveCancelDeleteWrapper .MessageDeleteIcon .rbButton { background-color: transparent !important; border-width: 0 !important; }
.MessagesSaveCancelDeleteWrapper .MessageDeleteIcon .fa-trash-o { font-size: 32px; }

.MessageAttachmentWrapper #ctl00_cphPopupContent_ruAsyncAttachmentsrow0 > span > span.ruFakeInput { background-color: #FFFFFF !important; }

/*Fix for page size drop down in rad data pager*/
.RadDataPager .RadComboBox .rcbInner
{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/*global hiding class*/
body .Hidden {
    display: none !important;
}

/* RadTabStrip - forcing tab widths to fix display quirks */
.RadTabStrip_6 .rtsLI
{		
	min-width: 16.666% !important;
	max-width: 16.666% !important;
}
.RadTabStrip_5 .rtsLI
{		
	min-width: 20% !important;
	max-width: 20% !important;
}
.RadTabStrip_4 .rtsLI
{		
	min-width: 25% !important;
	max-width: 25% !important;
}
.RadTabStrip_3 .rtsLI
{		
	min-width: 33.33% !important;
	max-width: 33.33% !important;
}

.MainNavigationTab
{
    font-weight:bold !important;
}
.MainNavigationTab .rtsLI 
{
    background-color:#f0f0f0 !important;
}
.MainNavigationTab .rtsLink:not(.rtsSelected):hover
{
    background-color:#F7FAFF !important;
    background-image:none !important;
    color:darkgray !important;
}

.ReportsAdvancedFilterWrapper {
	position: relative !important;
	padding-bottom: 100px !important;
}

.ReportsAdvancedFilterWrapper .statusWrapper {
			width: 85%;
			padding-bottom: 1%;
			padding-top: 1%;
			padding-left: 8%;
}
		
.ReportsAdvancedFilterWrapper .filtersWrapper1 {
	padding:3.5px;
}

.ReportsAdvancedFilterWrapper .filtersWrapper2 {
	padding:3.5px;
}

.ReportsAdvancedFilterWrapper .dealerCode {
	padding-right: 4px;
	color: #C0C0C0;
}

.ReportsAdvancedFilterWrapper .filtersLabel {
	width: 35%;
	display:inline-block;
}

.ReportsAdvancedFilterWrapper .filterControl {
	display:inline-block;
	width: 40%;
}

.ReportsAdvancedFilterWrapper hr {
	margin-left: 15px;
	width: 190px;
	margin-top: 0;
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

.ReportsAdvancedFilterWrapper .filtersDescriptionBox {
	position: absolute !important;
	bottom:0px;
	height: 100px !important;
	left: 0px;
	right: 0px;
	background-color: #FFFFFF;
	padding: 0.25em;
}

.ReportsAdvancedFilterWrapper .filtersDescriptionBox span {
	word-wrap:break-word;
	display: block;
}
	   
.ReportsAdvancedFilterWrapper .toolTipArea {
	margin-left: 5px; 
	vertical-align: middle; 
	display: table-cell; 
	height: 30px; 
	padding-left: 5px;
}

.ReportsAdvancedFilterWrapper .primaryControl {
	margin-top:8px;
	margin-left:255px;
	height:30px !important;
}

.ReportsAdvancedFilterWrapper .primaryControlFilter2 {
	margin-top:8px;
	height:30px !important;
}

.ReportsAdvancedFilterWrapper .horizontalDivider {
	background-color:#F0F0F0; 
	width:100%;
	height: 10px;
}

.ReportsAdvancedFilterWrapper .SelectMsg {
	color: red; 
	font-size: .9em;
}

.ReportsAdvancedFilterWrapper .ContentShader { 
	box-sizing:border-box;
	background-color:#FFFFFF; 
}

.ReportsAdvancedFilterWrapper .Hidden {
	display:none;
}

.ReportsAdvancedFilterWrapper .ActiveCustomFieldsButton i.fa {
	color:#72BbFa !important;
}

.ReportsAdvancedFilterWrapper .selectedTip {
	padding-left:1em;
}
.ReportsAdvancedFilterWrapper span.VeryLargeCheckBox > input {
	float:left;
}

.ReportsAdvancedFilterWrapper .RadCalendarPopup  {
	margin-top: 40px;
	z-index:8000 !important; /* needs to lay on top of the RQ date picker UC */ 
}
.ReportsAdvancedFilterWrapper .rcbSlide {
	z-index:8000 !important; /* needs to lay on top of the RQ date picker UC */ 
}



.AuditListWrapper .RadGrid .RatingsHeader
{
	background-color: #6C9E57 !important;
}

.AuditListWrapper .RadGrid .FailureHeader
{
	background-color: #AB3D3E !important;
}

.AuditListWrapper .RadGrid .RatingsHeader a,
.AuditListWrapper .RadGrid .FailureHeader a
{
	color: white !important;
}

.AuditListWrapper .RadGrid .rgMasterTable > tbody > .rgRow > td.BusRuleCell,
.AuditListWrapper .RadGrid .rgMasterTable > tbody > .rgAltRow > td.BusRuleCell,
.AuditListWrapper .RadGrid .rgMasterTable > tbody > .rgRow > td.UnresolvedCell,
.AuditListWrapper .RadGrid .rgMasterTable > tbody > .rgAltRow > td.UnresolvedCell
{
    background-color:rgb(244, 235, 235) !important;
	border-color: #E8E8E8 !important;
	text-align: center;
}

.AuditListWrapper body .RadGrid .rgMasterTable > .rgHoveredRow > td.BusRuleCell,
.AuditListWrapper body .RadGrid .rgMasterTable > tbody > .rgHoveredRow > td.BusRuleCell,
.AuditListWrapper body .RadGrid .rgMasterTable > .rgHoveredRow > td.UnresolvedCell,
.AuditListWrapper body .RadGrid .rgMasterTable > tbody > .rgHoveredRow > td.UnresolvedCell,
.AuditListWrapper body .RadGrid .rgMasterTable > .rgHoveredRow > td.RatingCell,
.AuditListWrapper body .RadGrid .rgMasterTable > tbody > .rgHoveredRow > td.RatingCell,
.AuditListWrapper body .RadGrid .rgMasterTable > .rgHoveredRow > td.ProgressCell,
.AuditListWrapper body .RadGrid .rgMasterTable > tbody > .rgHoveredRow > td.ProgressCell,
.AuditListWrapper body .RadGrid .rgMasterTable > .rgHoveredRow > td.CompleteCell,
.AuditListWrapper body .RadGrid .rgMasterTable > tbody > .rgHoveredRow > td.CompleteCell,
.AuditListWrapper body .RadGrid .rgMasterTable > tbody > .rgHoveredRow > .rgGroupCol
{
	background-color: #F0F0F0 !important;
	cursor: pointer;						
}

.AuditListWrapper .RadGrid .rgMasterTable > tbody > .rgRow > td.RatingCell,
.AuditListWrapper .RadGrid .rgMasterTable > tbody > .rgAltRow > td.RatingCell
{
	background-color:rgb(242, 250, 237) !important;
	border-color: #E8E8E8 !important;
	text-align: center;
}


.StandardDataLine
{			
	display: flex;
	line-height: 2.5em;
}
.StandardDataLine .Label
{
	display: inline-block;
	width: 38.2%;
}
.StandardDataLine .Value
{
	display: inline-block;
	width: 61.8%;
}

.EditModeBanner
{
	position: relative; width: 100%;	
}
.EditModeBanner .EditModeTitle {	
	
	position: absolute;
	left: 0px;
	right: 250px;
	padding: 0.75em;
	top: 50%;
	transform: translateY(-50%);
	
	background-color: #556276; 

	text-align: center;
	vertical-align: middle;
	
	font-family: "Lucida Sans", sans-serif;
	font-weight: bold;
	color: white;
}

/*Inspector Admin*/

	.InspectorPanels {
	line-height: 3em;
	}

	.InspectorPanels .Label {
		display: inline-block;
		width: 32%;
		vertical-align: top;
	}

	.InspectorPanels .Value {
		display: inline-block;
		width: 65%;
		vertical-align: top;
	}


	.InspectorPanels > div {
		border-bottom: 1px solid #eeeeee;
	}

	.InspectorPanels >
	div:nth-last-child(1) {
		border-bottom: 1px solid white;
	}

	.InspectorSeparator {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}

	.InspectorPanels .RadInput {
		width: 95% !important;
	}

	.InspectorPanels.Tech > div .RadInput {
		width: 12em !important;
	}

/*Inspector Job List Self Select*/

body .RadGrid_Bootstrap .SelfSelect > td {
	background-color: #b3cbe0 !important;
}

body .RadGrid_Bootstrap .rgDetailTable .SelfSelect > td {
	background-color: #b3cbe0 !important;
}

body .RadGrid_Bootstrap .rgDetailTable .rgAltRow .SelfSelect > td {
	background-color: #b3cbe0 !important;
}

.RadGrid .rgSelectedRow .SelfSelect > td,
body .RadGrid .rgAltRow.rgSelectedRow.SelfSelect > td {
	background-image: none !important;
	background-color: #b3cbe0 !important;
}

.btnShowExceptions {
	float: right;
	padding: 0 5px;
}
