@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

*
{
	font-family: inherit;
	font-size: inherit;
	scrollbar-face-color: #cccccc;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: #cccccc;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color: #f0f0f0;
	scrollbar-track-color: #f0f0f0;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-base-color: white;
	box-sizing: border-box;
}

body
{
	font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	color: rgba(0,0,0,.87);
	background-color: White;
}
.ico-pa {
    display: block;
    width: 15px;
    height: 14px;
    background-size: 100%;
    background: url('../content/common/PA_icon.png') no-repeat;
}
.ico-hammer {
    display: block;
    width: 16px;
    height: 16px;
    background-size: 100%;
    background: url('../content/common/fa_hammer.png') no-repeat;
}
input, button, select, textarea
{
	font-family: Roboto, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
}

xml
{
	display: none;
}

h1
{
	color: black;
	text-transform: none;
	font-weight: bold;
	font-size: 8pt;
	margin-top: 1px;
	margin-bottom: 1px;
}

th
{
}

TFOOT TR
{
	font-size: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #222266;
	text-align: left;
}

textarea
{
	border: lightgray 1px solid;
	padding: 2px 4px 2px 4px;
}

input[type="text"]
{
	border: lightgray 1px solid;
	height: 29px;
	line-height: 16px;
	padding: 0 4px 0 4px;
}

input[type="checkbox"]
{
}

input[type="password"]
{
	border: lightgray 1px solid;
	height: 29px;
	line-height: 29px;
	padding: 0 4px 0 4px;
}

input[type="file"]
{
	border: lightgray 1px solid;
	height: 29px;
	line-height: 29px;
	padding: 0 4px 0 4px;
}

input[type="checkbox"]
{
	height: auto;
}

/*sunil: To fix the Bug: 65642 - 2017/07/20: Added style for search text box for safari browser,Mac Machine */
input[type="search"]
{
	-webkit-appearance: textfield;
}

select
{
	border: lightgray 1px solid;
	padding: 4px;
}

	select.filter
	{
		border: gray 1px dotted;
	}

	select[size="1"]
	{
		height: 29px;
	}

	select:not([size])
	{
		height: 29px;
	}

INPUT.no-border
{
	border-width: 0;
}

SPAN.no-border INPUT
{
	border-width: 0;
}

BUTTON
{
	height: 29px;
	width: auto;
	margin-right: 4px;
	cursor: pointer;
	color: black;
	border: 0px solid gainsboro;
	background-color: gainsboro;
}

	button[disabled]
	{
		color: Grey;
		text-decoration: none;
		cursor: auto;
	}

LABEL.cb-label
{
	display: inline-block;
	position: relative;
	top: -2px;
}

/* 
 * ------------------------------------
 * New 2.6 classes 
 * ------------------------------------
 */

.btn
{
	border-radius: 0.125rem;
	height: 29px;
	width: auto;
	margin-right: 4px;
	cursor: pointer;
	color: black;
	border: 0px solid gainsboro;
	background-color: gainsboro;
}

	.btn.rounded
	{
		padding-left: 1.2em;
		padding-right: 1.2em;
		border-radius: 500px;
		color: white !important;
		/* NEW */
		/*
		font-size: 14px;
		line-height: 32px;
		height: auto;
		padding-left: 24px;
		padding-right: 24px;
		*/
		/* END NEW */
		background-color: #0076cc !important;
	}

		.btn.rounded[disabled]
		{
			color: #515356 !important;
			background-color: #eee !important;
		}

	.btn.next-prior
	{
		padding-left: 1.2em;
		padding-right: 1.2em;
		border-radius: 500px;
		border: 1px solid #0076cc;
		background-color: white !important;
		color: #0076cc !important;
	}

		.btn.next-prior[disabled]
		{
			background-color: #515356 !important;
			color: #eee !important;
		}

	.btn.rounded.hollow
	{
		padding-left: 1.2em;
		padding-right: 1.2em;
		border-radius: 500px;
		border: 1px solid #0076cc;
		background-color: white !important;
		color: #0076cc !important;
	}

		.btn.rounded.hollow[disabled]
		{
			color: #515356 !important;
			background-color: #eee !important;
			border-color: #eee !important;
		}

	.btn.next-prior[disabled]
	{
		background-color: #515356 !important;
		color: #eee !important;
	}

.btn-confirm
{
	min-width: 68px;
	width: auto;
	color: white;
	background-color: #0076cc;
	border-width: 0;
}

	.btn-confirm[disabled]
	{
		color: gainsboro;
		border-color: #0076cc;
	}

.btn-cancel
{
	background-color: gainsboro;
}

	.btn-cancel.rounded
	{
		background-color: #b5b7b9 !important;
	}

.btn-danger
{
	padding-left: 1.2em;
	padding-right: 1.2em;
	border-radius: 500px;
	color: #fff !important;
	border-color: #fd5f68 !important;
	background-color: #fd5f68 !important;
}

.btn-nospace
{
	margin-right: 0px;
}

.btn-pointer-down
{
}

	.btn-pointer-down span
	{
		/* DEPRECATED */
	}

	.btn-pointer-down:after
	{
		font-family: FontAwesome;
		margin-left: 4px;
		content: '\f078';
	}

.btn-pointer-up
{
}

	.btn-pointer-up span
	{
		/* DEPRECATED */
	}

	.btn-pointer-up:after
	{
		font-family: FontAwesome;
		margin-left: 4px;
		content: '\f077';
	}

.icon-btn
{
	cursor: pointer;
	margin: 0;
	height: 29px;
	width: auto;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0;
	padding-bottom: 0;
	font-family: FontAwesome;
	font-size: 23px;
	line-height: 29px;
	text-align: center;
	color: darkgray;
	background-color: white;
	border-width: 0;
}

	.icon-btn:hover
	{
		color: #0076cc !important;
	}

.btn-icon
{
	cursor: pointer;
	margin: 0;
	height: 29px;
	width: auto;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0;
	padding-bottom: 0;
	font-family: FontAwesome;
	font-size: 23px;
	line-height: 29px;
	text-align: center;
	color: darkgray;
	background-color: transparent !important;
	border-width: 0;
}

	.btn-icon:link
	{
		color: darkgray;
	}

	.btn-icon:visited
	{
		color: darkgray;
	}

	.btn-icon:hover
	{
		color: #0076cc;
	}

	.btn-icon.btn-icon-excel:before
	{
		content: '\f1c3';
	}

	.btn-icon.btn-icon-settings:before
	{
		content: '\f013';
	}

	.btn-icon.btn-icon-options:before
	{
		content: '\f141';
	}

button.btn-icon
{
	width: 29px;
}

.action-icon
{
	height: 16px;
	width: 16px;
	cursor: pointer;
	border-width: 0;
	display: inline-block;
	margin: 0;
}

	.action-icon img
	{
		width: 16px;
		height: 16px;
		border-width: 0;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}

		.action-icon img:hover
		{
			-webkit-filter: inherit;
			filter: inherit;
		}

	.action-icon i
	{
		color: lightgray;
		font-size: 16px;
		line-height: 16px;
	}

		.action-icon i:link
		{
			color: lightgray;
		}

		.action-icon i:visited
		{
			color: lightgray;
		}

		.action-icon i:hover
		{
			color: #0076cc;
		}

.action-icon-bar
{
}

	.action-icon-bar .action-icon
	{
		margin-right: 6px;
	}

.menu-icon-container
{
	width: 32px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	vertical-align: middle;
}

	.menu-icon-container i
	{
		font-family: FontAwesome;
		font-size: 16px;
		font-style: normal;
		cursor: pointer;
		color: lightgray;
		text-align: center;
		vertical-align: -6px;
	}

		.menu-icon-container i:hover
		{
			color: #0076cc;
		}

	.menu-icon-container div.menu-icon
	{
		font-family: FontAwesome;
		font-size: 16px;
		font-style: normal;
		text-rendering: geometricPrecision !important;
		-webkit-font-smoothing: antialiased !important;
		cursor: pointer;
		color: lightgray;
		text-align: center;
		vertical-align: -6px;
	}

		.menu-icon-container div.menu-icon:hover
		{
			color: #0076cc;
		}

		.menu-icon-container div.menu-icon:after
		{
			content: '\f141';
		}

	.menu-icon-container div.menu-icon-h
	{
		font-family: FontAwesome;
		font-size: 16px;
		font-style: normal;
		text-rendering: geometricPrecision !important;
		-webkit-font-smoothing: antialiased !important;
		cursor: pointer;
		color: lightgray;
		text-align: center;
		vertical-align: -6px;
	}

		.menu-icon-container div.menu-icon-h:hover
		{
			color: #0076cc;
		}

		.menu-icon-container div.menu-icon-h:after
		{
			content: '\f141';
		}




	.menu-icon-container-v div.menu-icon-v {
		font-family: FontAwesome;
		font-size: 16px;
		font-style: normal;
		text-rendering: geometricPrecision !important;
		-webkit-font-smoothing: antialiased !important;
		cursor: pointer;
		color: lightgray;
		text-align: center;
		vertical-align: -6px;
	}

		.menu-icon-container-v div.menu-icon-v:hover {
			color: #0076cc;
		}

		.menu-icon-container-v div.menu-icon-v:after {
			content: '\f142';
		}


	.menu-icon-container-v div.menu-icon-v {
		font-family: FontAwesome;
		font-size: 16px;
		font-style: normal;
		text-rendering: geometricPrecision !important;
		-webkit-font-smoothing: antialiased !important;
		cursor: pointer;
		color: lightgray;
		text-align: center;
		vertical-align: -6px;
	}

		.menu-icon-container-v div.menu-icon-v:hover {
			color: #0076cc;
		}

		.menu-icon-container-v div.menu-icon-v:after {
			content: '\f142';
		}

.locked-item-icon
{
	font-size: 16px;
	color: lightgray;
	text-align: center;
}

.checkbox-container
{
	width: 36px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: clip;
}

/* Tabbed Displays */

.tabbed-display
{
	table-layout: fixed;
	width: 100%;
	border-spacing: 0;
}

	.tabbed-display td
	{
		padding: 0;
	}

.tabbed-display-container
{
	table-layout: fixed;
	width: 100%;
	border-spacing: 0;
}

	.tabbed-display-container > tr
	{
	}

	.tabbed-display-container > tbody > tr > td
	{
		vertical-align: middle;
		padding: 8px 0;
	}

.tabbed-display-group-title
{
	width: 100%;
	margin-top: 12px;
	font-size: 14px;
	line-height: 32px;
	padding: 0 12px 0 12px;
	color: white;
	background-color: #0076cc;
}

.tabbed-display-group-container
{
	background-color: white;
	width: 100%;
	margin-bottom: 12px;
	padding: 16px;
}

.tabbed-display-custom-content
{
	height: 100%;
	overflow: hidden;
}

	.tabbed-display-custom-content iframe
	{
		width: 100%;
		height: 100%;
		border-width: 0;
	}

.tabbed-display td.label
{
	vertical-align: top;
}

	.tabbed-display td.label div
	{
		/*
		line-height: 24px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 100%;
			*/
		width: auto;
		display: inline-block;
		font-size: .75rem;
		font-weight: 500;
		margin-bottom: .3125rem;
		text-align: left;
		color: #303436;
	}

.tabbed-display div.label
{
	margin-bottom: 4px;
}

.tabbed-display input
{
}

.tabbed-display div.read-only-textarea
{
	border: 1px solid LightGrey;
	padding: 6px;
}

.tabbed-display img
{
}

.tabbed-display textarea
{
	border: 1px solid LightGrey;
	width: 100%;
	height: 200px;
	padding: 4px 4px;
}

.tabbed-display .ro
{
	width: 300px;
	background-color: WhiteSmoke;
}

.tabbed-display input.lst
{
	width: 300px;
	background-image: url(/images/btn-ddl.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 24px;
	white-space: nowrap;
	overflow: hidden;
	background-color: White;
	cursor: pointer;
	/*
	color: Black;
	border: 1px solid LightGrey;
	line-height: 29px;
	*/
	color: #181a1b;
	border: 1px solid #e4e6e7;
	height: 36px;
	line-height: 36px;
}

.tabbed-display input[datatype]
{
	width: 300px;
	/*
	width: 100%;
	*/
	line-height: 36px;
	height: 36px;
	padding: 0rem .5rem;
	color: #181a1b;
	border-color: #e4e6e7;
}

.tabbed-display select
{
	width: 300px;
	line-height: 36px;
	height: 36px;
	color: #181a1b;
	border-color: #e4e6e7;
}

.tabbed-display div.exception
{
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
	padding: 8px 12px 8px 12px;
}

.tabbed-field-titlebar
{
	padding: 18px;
	line-height: 16px;
	border-bottom: 1px solid #EBF0F2;
	overflow: hidden;
}

	.tabbed-field-titlebar .tabbed-field-title
	{
		font-size: 14px;
		font-weight: 500;
		float: left;
	}

	.tabbed-field-titlebar .tabbed-field-ctrls
	{
		float: right;
	}

		.tabbed-field-titlebar .tabbed-field-ctrls a.add
		{
			font-size: 12px;
			font-weight: 500;
		}

			.tabbed-field-titlebar .tabbed-field-ctrls a.add:before
			{
				font-family: FontAwesome;
				font-weight: 100;
				margin-right: 12px;
				content: '\f067';
			}

.tabbed-field-ctrls .action-icon
{
	margin-left: 8px;
}


.tabbed-field-container
{
}

.tabbed-grid-container
{
	padding: 12px;
	overflow: hidden;
}

.popup-calendar-icon
{
	width: 16px;
	height: 16px;
	margin-left: 4px;
	cursor: pointer;
}

.dialog-divider
{
	width: 100%;
	margin-top: 36px;
	margin-bottom: 24px;
	font-size: 13px;
}

	.dialog-divider span
	{
		display: inline-block;
		color: #0076cc;
		font-size: 14px;
		width: auto;
	}

/* For the ContactView control */
.contact-view-card
{
	padding: 6px;
	border: 1px solid gainsboro;
	line-height: 16px;
	margin-bottom: 6px;
	background-color: white;
}

/* Bootstrap compatibility */

.alert
{
	padding: 15px;
	/*margin-bottom: 20px;*/
	margin-bottom: 0px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.alert-success
{
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-warning
{
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert-danger
{
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

/* End new 2.6 classes */

A:link
{
	color: #0076cc;
	text-decoration: none;
}

A:visited
{
	color: #0076cc;
	text-decoration: none;
}

A:hover
{
	color: #0076cc;
	text-decoration: underline;
}

.pophelp-link
{
	font-family: FontAwesome;
	font-size: 13px;
	font-weight: 500;
	margin-left: 3px;
}

A:link.pophelp-link
{
	color: #0076cc;
	text-decoration: none;
}

A:visited.pophelp-link
{
	color: #0076cc;
	text-decoration: none;
}

A:hover.pophelp-link
{
	color: #0076cc;
	text-decoration: none;
}

.pophelp-link:after
{
	/*
    content: '\f05a';
    */
	content: '\f059';
}

a.drill-prefix
{
	cursor: pointer;
	margin-right: 4px;
	color: lightgray;
}

	a.drill-prefix:link
	{
		color: lightgray;
	}

	a.drill-prefix:visited
	{
		color: lightgray;
	}

	a.drill-prefix:hover
	{
		color: #0076cc;
		text-decoration: none;
	}

	a.drill-prefix:before
	{
		font-family: FontAwesome;
		content: '\f002';
	}

a.drill-suffix
{
	cursor: pointer;
	margin-left: 4px;
	color: lightgray;
}

	a.drill-suffix:link
	{
		color: lightgray;
	}

	a.drill-suffix:visited
	{
		color: lightgray;
	}

	a.drill-suffix:hover
	{
		color: #0076cc;
		text-decoration: none;
	}

	a.drill-suffix:after
	{
		font-family: FontAwesome;
		content: '\f002';
	}

a:link.dropmenu-link
{
}

	a:link.dropmenu-link:after
	{
		font: normal normal normal 16px/1 FontAwesome;
		margin-left: 4px;
		content: '\f107';
	}

a:hover.dropmenu-link
{
	text-decoration: none;
}
/*
a:visited.dropmenu-link
{
}

    a:visited.dropmenu-link:after
    {
        font: normal normal normal 16px/1 FontAwesome;
        margin-left: 8px;
        content: '\f078';
    }
*/

/* Picker */

.picker-list-container
{
	overflow-y: hidden;
	border: 1px solid lightgray;
}

.picker-list-item
{
	cursor: pointer;
	padding: 6px;
	width: 100%;
	background-color: white;
}

	.picker-list-item:hover
	{
		background-color: #f5f8f9 !important;
	}

/* Finder */

.finderControl
{
}

	.finderControl .selector
	{
		margin-top: 8px;
	}

DIV.finderControl .finderInput
{
}

.finderInput
{
	border: 1px solid lightgray;
	border-radius: 500px;
	overflow: auto;
	height: 50px;
	padding-left: 24px;
}

	.finderInput > input
	{
		border-width: 0;
		float: left;
		width: 100%;
		height: 100%;
		font-size: 18px;
		font-weight: normal;
	}

	.finderInput > button
	{
		float: right;
		width: 60px;
		height: 100%;
		margin: 0 0 0 -60px;
		/**/
		background-color: white;
		font-size: 22px;
		color: lightgray;
		border-top-width: 0;
		border-right-width: 0;
		border-bottom-width: 0;
		border-left-width: 1px;
		border-radius: 500px;
		border-color: lightgray;
	}

/* Contact Picker Control */

.contactPicker
{
	white-space: normal;
	overflow: hidden;
	padding: 1px 0 1px 0;
}

	.contactPicker .outer
	{
		background-color: WhiteSmoke;
		float: left;
		padding: 0 4px 0 4px;
		margin-left: 2px;
		border: 1px solid gainsboro;
		line-height: 24px;
	}

		.contactPicker .outer > div
		{
			display: block;
			float: left;
		}

		.contactPicker .outer > img
		{
			margin-top: 8px;
			margin-left: 8px;
			width: 8px;
			height: 8px;
			cursor: pointer;
			display: block;
			float: left;
		}

	.contactPicker input
	{
		float: left;
		border: 1px solid white;
		line-height: 24px;
		/*
        border-width: 0;
        height: 22px;
        margin-left: 2px;
        margin-top: 4px;
        vertical-align: top;
        */
	}

/* Documents Control */

table.document-container
{
}

	table.document-container td
	{
		padding-top: 2px;
		padding-bottom: 2px;
	}

a.document-upload-link
{
	display: inline-block;
	height: 18px;
	line-height: 18px;
	cursor: pointer;
	margin-top: 10px;
}

	a.document-upload-link:before
	{
		content: '\f093';
		font-family: FontAwesome;
		font-size: 12px;
		line-height: 18px;
		margin-right: 4px;
	}

a.disabled {
	pointer-events: none;
	cursor: default;
	color: currentColor;
}

.document-file-name
{
	display: inline-block;
	height: 24px;
	line-height: 24px;
}

	.document-file-name:before
	{
		content: '\f15b';
		font-family: FontAwesome;
		font-size: 12px;
		line-height: 24px;
		color: #0076cc;
		margin-right: 4px;
	}


.document-upload-meta
{
	color: grey;
}

	.document-upload-meta::before
	{
		content: " (";
	}

	.document-upload-meta::after
	{
		content: ")";
	}

/* Standard colors */

.clsStdDkBkgnd
{
	background-color: #232527;
	color: white;
	scrollbar-arrow-color: #495E69;
	scrollbar-track-color: #495E69;
	scrollbar-face-color: #A3AFB5;
	scrollbar-highlight-color: #A3AFB5;
	scrollbar-shadow-color: #A3AFB5;
}

.clsStdLtBkgnd
{
	background-color: #f7f8f8;
	scrollbar-arrow-color: #f7f6f3;
	scrollbar-track-color: #f7f6f3;
	scrollbar-face-color: #28343b;
	scrollbar-shadow-color: #f7f6f3;
}

.clsLightBorder
{
	border: #dddddd 1px solid;
}

.page-background
{
	background-color: #f7f8f8;
	scrollbar-arrow-color: #f7f6f3;
	scrollbar-track-color: #f7f6f3;
	scrollbar-face-color: #28343b;
	scrollbar-shadow-color: #f7f6f3;
}

.grid-container
{
	height: 100%;
	background-color: white;
	overflow: auto;
}

	.grid-container.padded
	{
		padding: 18px;
	}

.raised-border
{
	border: 1px solid #EBF0F2;
	/*box-shadow: 1px 1px 0 0 rgba(163,175,181,0.5);*/
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,.05);
}

.clsDimText
{
	color: gray;
}

.text-muted
{
	color: darkgray;
	-webkit-font-smoothing: antialiased;
}

.negnum
{
	color: #AA0000;
}

.posnum
{
	color: #008800;
}

.clsLargeHead
{
	/*
    font-size: 18pt;
    font-weight: lighter;
    */
	font-size: 13pt;
	color: #888888;
}

P.clsLargePrompt
{
	font-weight: normal;
	font-size: 24pt;
	color: #cccccc;
}

.clsDlgStatic
{
	margin: 1px 0 2px 0;
}

.clsLoading
{
	margin: 4px 0 0 4px;
	color: #000000;
}

.clsHd
{
	font-weight: normal;
	font-size: 110%;
	margin: 0;
}

.clsHdDsc
{
	margin: 0 0 20px 0;
	color: #888888;
}

.clsTabHeading
{
	font-weight: normal;
	font-size: 110%;
	margin: 0;
}

.clsTabSubheading
{
	margin: 0 0 20px 0;
	color: #888888;
}

.read-only
{
	background-color: whitesmoke;
}

.breadcrumb
{
	color: dimgrey;
	font-size: 14px;
	font-weight: 300;
	line-height: 48px;
}

	.breadcrumb span
	{
	}

		.breadcrumb span:last-child
		{
			font-weight: 500;
		}

	.breadcrumb A:link
	{
	}

	.breadcrumb A:visited
	{
	}

.breadcrumb_delimiter
{
}

	.breadcrumb_delimiter:after
	{
		margin-left: 8px;
		margin-right: 8px;
		content: '/';
	}

/* Control Panel */

.control-panel
{
	width: 100%;
	background-color: #fff;
	padding: 12px;
	overflow: hidden;
}
	/*
    .control-panel:last-of-type {
        border-color: #EBF0F2;
        border-style: solid;
        border-width: 0 0 1px 0;
        box-shadow: 0 1px 0 0 rgba(163,175,181,0.5);
    }
*/
	.control-panel.bottom
	{
		border-color: #EBF0F2;
		border-style: solid;
		border-width: 0 0 1px 0;
		box-shadow: 0 1px 0 0 rgba(163,175,181,0.5);
	}

	.control-panel table
	{
		width: 100%;
	}

		.control-panel table td
		{
			padding: 2px;
			white-space: nowrap;
		}

/* Scroll Bars */

::-webkit-scrollbar
{
	height: 14px;
	width: 14px;
}

::-webkit-scrollbar-button
{
	height: 0px;
	width: 0px;
}

::-webkit-scrollbar-thumb
{
	background: #cccccc;
	border-radius: 6px;
}

	::-webkit-scrollbar-thumb:hover
	{
		background: #aaaaaa;
	}

::-webkit-scrollbar-track
{
	background: #f0f0f0;
	border: 0px;
	border-radius: 6px;
}

::-webkit-scrollbar-corner
{
	background: transparent;
}

/* Modal dialogs */

.modalDlgButtonBar
{
	padding: 8px 12px 8px 12px;
}

TD.modalDlgTitleBar
{
	padding-left: 8px;
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
}

DIV.modalDlgTitleBar
{
	padding-left: 12px;
	padding-right: 12px;
	font-size: 14px;
	line-height: 36px;
	font-weight: 400;
}

	DIV.modalDlgTitleBar div:first-child
	{
		float: left;
	}

	DIV.modalDlgTitleBar .modalDlgCloser
	{
		float: right;
		color: white;
		font-size: 18px !important;
		line-height: 36px !important;
		cursor: pointer;
	}

		DIV.modalDlgTitleBar .modalDlgCloser:hover
		{
			color: #0076cc;
		}

/* Main Window Elements */

TABLE.clsMast
{
	color: #ffffff;
	background-color: #37474f;
}

#mastTitle
{
	font-size: 200%;
	font-weight: 300;
	padding-left: 8px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#mastSubtitle
{
	font-weight: normal;
	text-transform: none;
	padding-left: 8px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Copyright Block */

TABLE.copyright-block
{
	background-color: #37474f;
	color: white;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

	TABLE.copyright-block TD
	{
		padding: 0 8px 0 8px;
		line-height: 18px;
	}

		TABLE.copyright-block TD A:link
		{
			color: white;
		}

		TABLE.copyright-block TD A:visited
		{
			color: white;
		}

		TABLE.copyright-block TD A:hover
		{
			color: white;
		}

/* Message Area */

DIV.message-area
{
	width: 100%;
	height: 24px;
}

TABLE.message-area
{
	background-color: gainsboro;
	color: black;
	width: 100%;
	height: 100%;
}

	TABLE.message-area TD
	{
		padding: 0 8px 0 8px;
	}

		TABLE.message-area TD A:link
		{
			color: white;
		}

		TABLE.message-area TD A:visited
		{
			color: white;
		}

		TABLE.message-area TD A:hover
		{
			color: white;
		}

.nav-logoff
{
	height: 100%;
	background-color: red;
	color: white;
	font-weight: bold;
	line-height: 34px;
	padding: 0 8px 0 8px;
	white-space: nowrap;
}

	.nav-logoff A:link
	{
		color: white;
	}

	.nav-logoff A:visited
	{
		color: white;
	}

	.nav-logoff A:hover
	{
		color: white;
	}

/* Status Bar */

TABLE.status-bar
{
	border-collapse: collapse;
	table-layout: fixed;
	height: 24px;
}

	TABLE.status-bar SPAN
	{
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	TABLE.status-bar TD
	{
		padding: 0px 6px 0px 6px;
		text-align: center;
		vertical-align: middle;
		border: 1px solid white;
		background-color: #37474f;
		color: White;
	}

/* Main Menu Bar */

DIV.main-menu-bar
{
	width: 100%;
	height: 34px;
}

/* Main Footer */

.main-footer
{
	width: 100%;
	font-size: 11px !important;
	line-height: 26px;
	height: 26px;
}

/* Error Panel */

#errPanel
{
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

#errMsg
{
}

DIV.clsErrPanel
{
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

/* */

TABLE.clsNetGrid
{
	table-layout: fixed;
	border-collapse: collapse;
}

	table.clsNetGrid tbody tr:nth-child(even) td
	{
		background-color: #f7f7f7;
	}

	table.clsNetGrid tr:hover:not(:first-child)
	{
		background-color: #f5f8f9 !important;
	}

	TABLE.clsNetGrid td
	{
		color: #515356;
		border-bottom: #dddddd 0px solid;
		padding-left: 8px;
		padding-right: 8px;
		height: 36px;
		line-height: 36px;
		vertical-align: middle;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: left;
	}

		TABLE.clsNetGrid TD.menu-icon-container, TH.menu-icon-container
		{
			width: 32px;
			padding-left: 0;
			padding-right: 0;
			text-align: center;
		}

			TABLE.clsNetGrid TD.menu-icon-container i
			{
				visibility: hidden;
			}

			TABLE.clsNetGrid TD.menu-icon-container div.menu-icon
			{
				visibility: hidden;
			}

		TABLE.clsNetGrid TD.checkbox-container, TH.checkbox-container
		{
			width: 36px;
			padding-left: 0;
			padding-right: 0;
			text-align: center;
			vertical-align: middle;
			overflow: hidden;
			text-overflow: clip;
		}

			TABLE.clsNetGrid TD.checkbox-container input
			{
				vertical-align: -5%;
			}

	TABLE.clsNetGrid tr:hover TD.menu-icon-container i
	{
		visibility: visible;
	}

	TABLE.clsNetGrid tr:hover TD.menu-icon-container div.menu-icon
	{
		visibility: visible;
	}

	TABLE.clsNetGrid th
	{
		color: #515356;
		border-bottom: lightgray 1px dotted;
		padding: 10px 8px 10px 8px;
		height: 36px;
		line-height: 36px;
		text-align: left;
		vertical-align: bottom;
		/*
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        */
	}

		TABLE.clsNetGrid TH a:link
		{
			color: #0076cc;
		}

		TABLE.clsNetGrid TH a:visited
		{
			color: #0076cc;
		}

		TABLE.clsNetGrid TH a:hover
		{
			color: #0076cc;
		}

		TABLE.clsNetGrid TH.clsNetGridSort
		{
		}

		TABLE.clsNetGrid TH.sortable
		{
			cursor: pointer;
		}

		TABLE.clsNetGrid TH.sort
		{
			cursor: pointer;
			background-repeat: no-repeat;
			background-position: right center;
		}

		TABLE.clsNetGrid TH.sort-d
		{
		}

			TABLE.clsNetGrid TH.sort-d:after
			{
				font-family: FontAwesome;
				margin-left: 4px;
				content: '\f107';
			}

		TABLE.clsNetGrid TH.sort-a
		{
		}

			TABLE.clsNetGrid TH.sort-a:after
			{
				font-family: FontAwesome;
				margin-left: 4px;
				content: '\f106';
			}

	TABLE.clsNetGrid TR.totalRow TD
	{
		font-weight: bold;
	}

    TABLE.clsNetGrid td.right, th.right 
    {
        text-align: right !important;
    }

	TABLE.clsNetGrid td.center, th.center
	{
		text-align: center;
	}

	table.clsNetGrid tr.empty-data td
	{
		background-color: white;
		border-width: 0;
		font-size: 32px;
		padding: 24px;
		color: lightgray;
	}

.clsNetGrid .nopad
{
	padding: 0px;
}

.clsNetGrid .nohpad
{
	padding-left: 0px;
	padding-right: 0px;
}

.clsNetGrid .ctr
{
	text-align: center;
}

.clsNetGrid TH.chk INPUT
{
	width: 13px;
	height: 13px;
}

.clsNetGrid TD A
{
	cursor: pointer;
}

/* Popup Dialogs */

DIV.Ae_PopupDialog
{
	border: solid 1px #cccccc;
	background-color: White;
}

	DIV.Ae_PopupDialog INPUT, DIV.Ae_PopupDialog SELECT
	{
		border: #aaaaaa 1px solid;
	}

TD.Ae_PopupDialog_Caption
{
	padding: 1px 4px 1px 4px;
	font-weight: bold;
}

/* Datatable */

TABLE.dataTable-fixed
{
	table-layout: fixed;
	border-collapse: collapse;
}

table.dataTable tbody tr:nth-child(even)
{
	background-color: #f7f7f7;
}

TABLE.dataTable-width-full
{
	width: 100%;
}

TABLE.dataTable TD
{
	color: #515356;
	border-bottom: #dddddd 0px solid;
	padding-left: 8px;
	padding-right: 8px;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

TABLE.dataTable TH
{
	color: #515356;
	border-bottom: lightgray 1px dotted;
	padding: 10px 8px 10px 8px;
	height: 36px;
	line-height: 36px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

	TABLE.dataTable TH.sortable
	{
		color: #0076cc;
		cursor: pointer;
	}

TABLE.dataTable TR.selected TD
{
	background-color: whitesmoke;
}

TABLE.dataTable TD.sorted
{
	background-color: whitesmoke;
	border-left: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
}


/* Attribute List */

ul.attribute-list
{
	padding: 4px;
	margin: 0;
}

	ul.attribute-list li
	{
		width: 100%;
		line-height: 26px;
		font-weight: 500;
		margin: 1px 0 1px 0;
		padding: 0 8px 0 8px;
		cursor: pointer;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: white;
		background-color: transparent;
		border-left: 2px solid transparent;
	}

		ul.attribute-list li:hover
		{
			background-color: #3e4348;
			border-left: 2px solid #3e4348;
		}

		ul.attribute-list li.selected
		{
			background-color: #3e4348;
			border-left: 2px solid #0076cc;
		}

		ul.attribute-list li span
		{
			display: block;
			float: right;
		}

/* IFld Attribute Grid */

TABLE.attrGridTbl 
{
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

	TABLE.attrGridTbl TD
	{
		padding: 3px 5px 3px 5px;
		border-color: #e8e8e8;
		border-width: 0 1px 1px 0;
		border-style: solid;
	}

	TABLE.attrGridTbl TR.attrGridTblHdr TD
	{
		background-color: #eeeeee;
		font-size: 100%;
		font-weight: normal;
		padding: 5px 3px 5px 3px;
		text-align: center;
		border-color: #e8e8e8;
		border-width: 1px 0 0 0;
		border-style: solid;
	}

	TABLE.attrGridTbl TR.attrGridTblRowA TD
	{
		background-color: #f7f7f7;
	}

/* Drill Results */

DIV.drillresult
{
	padding: 4px;
	width: 100%;
}

	DIV.drillresult TABLE
	{
		width: 100%;
	}

		DIV.drillresult TABLE TR.altrow
		{
			background-color: whitesmoke;
		}

		DIV.drillresult TABLE TR.totalrow TD
		{
			font-weight: normal;
			border-top: 1px solid black;
		}

		DIV.drillresult TABLE TH
		{
			padding: 4px 4px 4px 4px;
			vertical-align: bottom;
			text-align: left;
			color: dimgray;
		}

		DIV.drillresult TABLE TD
		{
			padding: 4px;
		}

			DIV.drillresult TABLE TD.right
			{
				text-align: right;
			}

/* Notes */

.note-wrapper
{
	margin-top: 12px;
	padding: 4px;
}

	.note-wrapper .note-text
	{
		font-size: 12px;
		padding: 16px;
	}

	.note-wrapper .level0
	{
		padding: 12px;
		background-color: white;
		border-left: 4px solid #0076cc;
	}

	.note-wrapper .reply
	{
		padding: 12px;
		background-color: white;
		border-left: 4px solid gainsboro;
	}

/* JQuery UI Overrides */

.ui-tooltip
{
	border: 0 !important;
	padding: 0 !important;
	max-width: 360px !important;
	-webkit-box-shadow: 0 0 0 #aaa !important;
	box-shadow: 0 0 0px #aaa !important;
	z-index: 9999 !important;
}

.ui-tooltip-content
{
	font-family: "Roboto", Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
}

/* Radio button groups */

a.radio
{
	border-radius: 500px;
	border: 1px solid #0076cc;
	color: #0076cc;
	line-height: 29px;
	padding: 0px 32px 0px 32px;
	margin: 0px 4px 0px 4px;
	display: block;
	float: left;
	cursor: pointer;
}

	a.radio.radio-small
	{
		padding: 0px 8px 0px 8px;
	}

	a.radio:link, a.radio:visited, a.radio:hover
	{
		color: #0076cc;
	}

	a.radio.selected
	{
		background-color: #0076cc;
		color: white;
	}

		a.radio.selected:link, a.radio.selected:visited, a.radio.selected:hover
		{
			color: white;
		}

table.mxsummary
{
	width: 100%;
	border-spacing: 10px;
}

	table.mxsummary td
	{
		border-width: 0;
		text-align: left;
	}

		table.mxsummary td.subhead
		{
			background-color: #0076cc;
			color: white;
			font-weight: 400;
			font-size: 14px;
			line-height: 28px;
			padding-left: 8px;
		}

/* RAUL */

a.icon-link
{
	font-family: FontAwesome;
	margin-left: 8px;
	height: 16px;
	width: 16px;
	cursor: pointer;
	color: lightgray;
	font-size: 16px;
	line-height: 16px;
}

.icon-link:link
{
	color: lightgray;
}

.icon-link:hover
{
	color: #0076cc;
	text-decoration: none;
}

.icon-link:visited
{
	color: lightgray;
}

.icon-link.edit-link:after
{
	content: '\f044';
}

.icon-link.view-link:after
{
	content: '\f06e';
}

.icon-link.map-link:after
{
	content: '\f279';
}

table.mx-card-container
{
	width: 100%;
	table-layout: fixed;
	border-spacing: 10px;
}

.mx-card
{
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 8px;
}

	.mx-card .label
	{
		font-size: 14px;
		line-height: 16px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-font-smoothing: antialiased;
	}

	.mx-card .value
	{
		line-height: 64px;
		-webkit-font-smoothing: antialiased;
		font-size: 28px;
		font-weight: 400;
		color: darkgray;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.mx-card .delta
	{
		font-weight: 500;
		line-height: 16px;
	}

	.mx-card .delta-badge
	{
		border-radius: 500px;
		font-weight: 500;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 1px;
		padding-bottom: 1px;
	}

		.mx-card .delta-badge.negnum
		{
			color: white;
			background-color: #AA0000;
		}

		.mx-card .delta-badge.posnum
		{
			color: white;
			background-color: #008800;
		}

.mx-card-clickable
{
	cursor: pointer;
}

	.mx-card-clickable:hover
	{
		background-color: whitesmoke;
	}

/* END RAUL */

/* ui-datepicker */

.ui-datepicker
{
	background-color: #fff;
	border: 1px solid lightgray;
	border-radius: 4px;
	/*box-shadow: 0 0 8px rgba(102,175,233,.6);*/
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px;
}

	.ui-datepicker a,
	.ui-datepicker a:hover
	{
		text-decoration: none;
	}

		.ui-datepicker a:hover,
		.ui-datepicker td:hover a
		{
			color: #2A6496;
			-webkit-transition: color 0.1s ease-in-out;
			-moz-transition: color 0.1s ease-in-out;
			-o-transition: color 0.1s ease-in-out;
			transition: color 0.1s ease-in-out;
		}

	.ui-datepicker .ui-datepicker-header
	{
		margin-bottom: 4px;
		text-align: center;
	}

	.ui-datepicker .ui-datepicker-title
	{
		font-weight: 700;
	}

	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next
	{
		cursor: default;
		font-family: 'Glyphicons Halflings';
		-webkit-font-smoothing: antialiased;
		font-style: normal;
		font-weight: normal;
		height: 20px;
		line-height: 1;
		margin-top: 2px;
		width: 30px;
	}

	.ui-datepicker .ui-datepicker-prev
	{
		float: left;
		text-align: left;
		cursor: pointer;
		background: url(/images/icon-small-ptr-l.gif) no-repeat center left;
	}

	.ui-datepicker .ui-datepicker-next
	{
		float: right;
		text-align: right;
		cursor: pointer;
		background: url(/images/icon-small-ptr-r.gif) no-repeat center right;
	}

	.ui-datepicker .ui-datepicker-prev:before
	{
		content: "\e079";
	}

	.ui-datepicker .ui-datepicker-next:before
	{
		content: "\e080";
	}

	.ui-datepicker .ui-icon
	{
		display: none;
	}

	.ui-datepicker .ui-datepicker-calendar
	{
		table-layout: fixed;
		width: 100%;
	}

		.ui-datepicker .ui-datepicker-calendar th,
		.ui-datepicker .ui-datepicker-calendar td
		{
			text-align: center;
			padding: 4px 0;
		}

		.ui-datepicker .ui-datepicker-calendar td
		{
			border-radius: 4px;
			-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
			-moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
			-o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
			transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
		}

			.ui-datepicker .ui-datepicker-calendar td:hover
			{
				background-color: #eee;
				cursor: pointer;
			}

			.ui-datepicker .ui-datepicker-calendar td a
			{
				text-decoration: none;
			}

	.ui-datepicker .ui-datepicker-current-day
	{
		background-color: #4289cc;
	}

		.ui-datepicker .ui-datepicker-current-day a
		{
			color: #fff;
		}

	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover
	{
		background-color: #fff;
		cursor: default;
	}

/* Comment Anything - Start */

.event-commands
{
	margin-top: 12px;
}

	.event-commands a
	{
		float: left;
		line-height: 28px;
		margin-left: 12px;
		width: 55px;
	}

		.event-commands a i
		{
			font-size: 24px;
			color: lightgray;
			-webkit-font-smoothing: antialiased;
		}

		.event-commands a:hover
		{
			color: #0075cb;
			text-decoration: none;
		}

div.pipeline-badge
{
	position: relative;
	top: -12px;
	right: 8px;
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
	background-color: #0075cb !important;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 500px;
	text-align: center;
	color: white;
}

.raul-header-user-avatar-ca
{
	float: left;
	border-radius: 16px;
	height: 32px;
	width: 32px;
	/*
	margin-bottom: 12px;
	margin-left: 10px;
	margin-right: 10px;
	bottom: 8px;
	*/
	background: lightgray;
	text-transform: uppercase;
	font-weight: 500;
	overflow: hidden;
	line-height: 33px;
	text-align: center;
	color: #000000;
}

.ca-fa-icons
{
	font-size: 18px !important;
	color: lightgray;
	cursor: pointer;
	margin-left: 8px;
}

.comment-ui
{
	border: 0px solid blue;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
}

	.comment-ui div
	{
		border: 0px solid pink;
	}

	.comment-ui .comment-container
	{
		padding-right: 12px;
		margin-top: 32px;
	}

	.comment-ui .comment-container-indent
	{
	}

	.comment-ui .comment-header
	{
		font-size: 0.875rem;
		overflow: auto;
		margin-bottom: 8px;
	}

	.comment-ui .comment-author
	{
		color: #0076cc !important;
	}

	.comment-ui .comment-identity
	{
		float: left;
		margin-left: 12px;
	}

	.comment-ui .comment-controls
	{
		text-align: right;
		float: right;
	}

	.comment-ui .comment-age
	{
		margin-left: 0.5rem;
		font-size: 0.85em;
	}

	.comment-ui .comment-text
	{
		font-size: .875rem;
		line-height: 1.25;
		margin-left: 48px;
	}

/* Comment Anything - End */
#leftPanel {
	overflow-y: auto;
}
.wdgContent > table:not(:last-child) {
	border-bottom: 1px solid #ddd;
}
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 20px;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 15px;
		width: 15px;
		left: 4px;
		bottom: 3px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

	.slider.round:before {
		border-radius: 50%;
	}

.btn.roundedshape.hollow {
	padding-left: 1.2em;
	padding-right: 1.2em;
	border-radius: 500px;
	border: 1px solid #0076cc;
	background-color: white !important;
	color: #0076cc !important;
}

	.btn.roundedshape.hollow[disabled] {
		color: #515356 !important;
		background-color: #eee !important;
		border-color: #eee !important;
	}