/*MFICOMPRESS*/
/**********************************
Global DOM element controls
***********************************/


table
{
	empty-cells:show;
	/*all tables will have no border spacing*/
	border-spacing:0px;
	border-collapse:collapse;
}
th
{
	text-align:left;
	padding:0px;
}
td
{
	padding:0px;
}
a img 
{
	border:none;
}


div.MetafuseKendoEditor > div:first-of-type
{
	min-height:110px;
}

/*default fonts*/
* {
    font-family: 'Open Sans',segoe ui,verdana,helvetica;
    font-size: 13px;
    /*line-height:normal;*/
}

.normal *
{
	font-size: 13px;
}
.normal-important * 
{
	font-size: 13px !important;
}

.normal 
{
	font-size: 13px !important;
}


.cursor-pointer
{
	cursor:pointer;
}

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

.FDL *
{
	font-size:1.2rem;
	margin-bottom:10px !important; /*use margin for elements inside FDL cell*/
	/*no vertical align*/
	
}
.FDL 
{
	font-size: 1.2rem !important;
	padding-bottom: 10px !important;
}

div.pi-view-page > div
{
	padding-bottom:7px !important;
}

/*field display small*/
.FDS *
{
	font-size:.75rem;	
}
.FDS
{
	font-size:.75rem !important;	
}





/*official relative font CSS classes*/
.fs-50 *
{
	font-size: .5rem;
}
.fs-50
{
	font-size: .5rem !important;
}
.fs-60 *
{
	font-size: .6rem;
}
.fs-60
{
	font-size: .6rem !important;
}
.fs-70 *
{
	font-size: .7rem;
}
.fs-70
{
	font-size: .7rem !important;
}
.fs-75 *
{
	font-size: .75rem;
}
.fs-75
{
	font-size: .75rem !important;
}
.fs-80 *
{
	font-size: .8rem;
}
.fs-80
{
	font-size: .8rem !important;
}
.fs-85 *
{
	font-size: .85rem;
}
.fs-85
{
	font-size: .85rem !important;
}
.fs-90 *
{
	font-size: .9rem;
}
.fs-90
{
	font-size: .9rem !important;
}
.fs-95 *
{
	font-size: .95rem;
}
.fs-95
{
	font-size: .95rem !important;
}
.fs-100 *
{
	font-size: 1rem;
}
.fs-100
{
	font-size: 1rem !important;
}
.fs-110 *
{
	font-size: 1.1rem;
}
.fs-110
{
	font-size: 1.1rem !important;
}
.fs-115 *
{
	font-size: 1.15rem;
}
.fs-115
{
	font-size: 1.15rem !important;
}
.fs-120 *
{
	font-size: 1.2rem;
}
.fs-120
{
	font-size: 1.2rem !important;
}
.fs-125 *
{
	font-size: 1.25rem;
}
.fs-125
{
	font-size: 1.25rem !important;
}
.fs-130 *
{
	font-size:1.3rem;
}
.fs-130
{
	font-size:1.3rem !important;
}
.fs-140 *
{
	font-size:1.4rem;
}
.fs-140
{
	font-size: 1.4rem !important;
}
.fs-150 *
{
	font-size:1.5rem;
}
.fs-150
{
	font-size: 1.5rem !important;
}
.fs-160 *
{
	font-size:1.6rem;
}
.fs-160
{
	font-size: 1.6rem !important;
}
.fs-170 *
{
	font-size:1.7rem;
}
.fs-170
{
	font-size: 1.7rem !important;
}
.fs-175 *
{
	font-size:1.75rem;
}
.fs-175
{
	font-size: 1.75rem !important;
}
.fs-180 *
{
	font-size:1.8rem;
}
.fs-180
{
	font-size: 1.8rem !important;
}
.fs-190 *
{
	font-size:1.9rem;
}
.fs-190
{
	font-size: 1.9rem !important;
}
.fs-200 *
{
	font-size:2rem;
}
.fs-200
{
	font-size:2rem !important;
}
.fs-225 *
{
	font-size:2.25rem;
}
.fs-225
{
	font-size: 2.25rem !important;
}
.fs-250 *
{
	font-size:2.5rem;
}
.fs-250
{
	font-size: 2.5rem !important;
}
.fs-275 *
{
	font-size:2.75rem;
}
.fs-275
{
	font-size: 2.75rem !important;
}
.fs-300 *
{
	font-size:3rem;
}
.fs-300
{
	font-size: 3rem !important;
}
.fs-325 *
{
	font-size: 3.25rem;
}

.fs-325
{
	font-size: 3.25rem !important;
}
.fs-350 *
{
	font-size:3.5rem;
}
.fs-350
{
	font-size: 3.5rem !important;
}
.fs-375 *
{
	font-size:3.75rem;
}
.fs-375
{
	font-size: 3.75rem !important;
}
.fs-400 *
{
	font-size:4rem;
}
.fs-400
{
	font-size: 4rem !important;
}
.fs-500 *
{
	font-size: 5rem;
}
.fs-500
{
	font-size: 5rem !important;
}

/*must be after all size mods to work*/
.Normal *, .normal * 
{
	font-size: 1rem;
}

.Normal, normal
{
	font-size: 1rem !important;
}

.pi-round
{
	border-radius:50%;
}
a.pi-round > img
{
	border-radius: 50%;
}



/*Header Page Title in ph.css*/
.DE
{
	font-size:10px !important;
	color:#636563;/*PageDeEmphasizedFontColor*/
}
abbr.DE
{
	border-bottom-width: 0;
}

/****************
Form Labels
****************/

.FormLabel
{
	font-weight:normal;
	color:#636563;/*PageFormLabelFontColor*/
}

.fl
{
	font-weight:normal;
	color:#636563;/*PageFormLabelFontColor*/
}
.rf
{
	color:#e63a3a;
	font-weight:bolder;
}
.RequiredField
{
	color:#e63a3a;
	font-weight:bolder;
}



a
{
	color:#00548e;/*PageAnchorFontColor*/
	text-decoration:none;
}
a:hover
{
	color:#00548e;/*PageAnchorFontColor*/
	text-decoration:underline;
}
a:active
{
	color:#00548e;/*PageAnchorFontColor*/
	text-decoration:underline;
}
a:visited
{
	color:#00548e;/*PageAnchorFontColor*/
	text-decoration:none;
}

/*Input Controls Default*/
input, textarea, select 
{
	font-family:segoe ui,arial,verdana,helvetica;
	font-size:14px;
	box-sizing:border-box;
	
}

textarea
{
	box-sizing:border-box;
}


input[type=text], textarea, input[type=password]
{
	padding: 5px;
	/*input border*/
	border:1px solid rgba(0,0,0,.20);
	border-radius:2px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

select
{
	padding: 4px;
	/*input border*/
	border: 1px solid rgba(0,0,0,.20);
	border-radius: 2px;
}



input[type=text]:hover, textarea:hover, input[type=password]:hover, select:hover
{
	border:1px solid #7eb4ea;
}
input[type=text]:focus, textarea:focus, input[type=password]:focus, select:focus
{
	
	
	border:1px solid #64a1f3;
	/*outline:#98bffd solid 1px;*/
	border-radius:2px;

	outline:none;
	-moz-box-shadow: 0 0 3px rgba(100, 161, 243, 0.7);
	-webkit-box-shadow: 0 0 3px rgba(100, 161, 243, 0.7);
	box-shadow: 0 0 3px rgba(100, 161, 243, 0.7); 
	
}

.k-datepicker .k-input:hover, .k-datepicker .k-input:focus 
{
	border: initial;
}

::-webkit-input-placeholder 
{ /* Chrome/Opera/Safari */
	color: #cecece;
	font-family:Arial;
}

::-moz-placeholder 
{ /* Firefox 19+ */
	color: #cecece;
	font-family:Arial;
}

:-ms-input-placeholder
{ /* IE 10+ */
	color: #cecece;
	font-family:Arial;
}

:-moz-placeholder 
{ /* Firefox 18- */
	color: #cecece;
	font-family:Arial;
}


/*******************************************************************************************************************
Column Grid Layout
*******************************************************************************************************************/
.row, .pi-row
{
	clear: both;
	margin-left: -10px;
	margin-right: -10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	width: 100%;
}
/** Bootstrap Layout is modern, not a table so need this for now */
.pi-col-1, .pi-col-2, .pi-col-3, .pi-col-4, .pi-col-5, .pi-col-6, .pi-col-7, .pi-col-8, .pi-col-9, .pi-col-10, .pi-col-11, .pi-col-12,
.pi-col-sm-1, .pi-col-sm-2, .pi-col-sm-3, .pi-col-sm-4, .pi-col-sm-5, .pi-col-sm-6, .pi-col-sm-7, .pi-col-sm-8, .pi-col-sm-9, .pi-col-sm-10, .pi-col-sm-11, .pi-col-sm-12,
.pi-col-md-1, .pi-col-md-2, .pi-col-md-3, .pi-col-md-4, .pi-col-md-5, .pi-col-md-6, .pi-col-md-7, .pi-col-md-8, .pi-col-md-9, .pi-col-md-10, .pi-col-md-11, .pi-col-md-12,
.pi-col-lg-1, .pi-col-lg-2, .pi-col-lg-3, .pi-col-lg-4, .pi-col-lg-5, .pi-col-lg-6, .pi-col-lg-7, .pi-col-lg-8, .pi-col-lg-9, .pi-col-lg-10, .pi-col-lg-11, .pi-col-lg-12,
.pi-col-xlg-1, .pi-col-xlg-2, .pi-col-xlg-3, .pi-col-xlg-4, .pi-col-xlg-5, .pi-col-xlg-6, .pi-col-xlg-7, .pi-col-xlg-8, .pi-col-xlg-9, .pi-col-xlg-10, .pi-col-xlg-11, .pi-col-xlg-12
{
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/********************
XS size
********************/
.pi-pi-col-xs-1, .pi-pi-col-xs-2, .pi-col-xs-3, .pi-col-xs-4, .pi-col-xs-5, .pi-col-xs-6, .pi-col-xs-7, .pi-col-xs-8, .pi-col-xs-9, .pi-col-xs-10, .pi-col-xs-11, .pi-col-xs-12
{
	float: left;
}

.pi-col-xs-12
{
	width: 100%;
}

.pi-col-xs-11
{
	width: 91.66666667%;
}

.pi-col-xs-10
{
	width: 83.33333333%;
}

.pi-col-xs-9
{
	width: 75%;
}

.pi-col-xs-8
{
	width: 66.66666667%;
}

.pi-col-xs-7
{
	width: 58.33333333%;
}

.pi-col-xs-6
{
	width: 50%;
}

.pi-col-xs-5
{
	width: 41.66666667%;
}

.pi-col-xs-4
{
	width: 33.33333333%;
}

.pi-col-xs-3
{
	width: 25%;
}

.pi-col-xs-2
{
	width: 16.66666667%;
}

.pi-col-xs-1
{
	width: 8.33333333%;
}

/********************
MIN 768px
********************/
/*@media (max-width: 990px) and (min-width:450px)*/ /** Less than 450px we drop out to standard divs */
@media (min-width:768px)
{
	.pi-col-sm-1, .pi-col-sm-2, .pi-col-sm-3, .pi-col-sm-4, .pi-col-sm-5, .pi-col-sm-6, .pi-col-sm-7, .pi-col-sm-8, .pi-col-sm-9, .pi-col-sm-10, .pi-col-sm-11, .pi-col-sm-12
	{
		float: left;
	}

	.pi-col-sm-1
	{
		width: 8.33%;
	}

	.pi-col-sm-2
	{
		width: 16.66%;
	}

	.pi-col-sm-3
	{
		width: 25%;
	}

	.pi-col-sm-4
	{
		width: 33.33%;
	}

	.pi-col-sm-5
	{
		width: 41.66%;
	}

	.pi-col-sm-6
	{
		width: 50%;
	}

	.pi-col-sm-7
	{
		width: 58.33%;
	}

	.pi-col-sm-8
	{
		width: 66.66%;
	}

	.pi-col-sm-9
	{
		width: 75%;
	}

	.pi-col-sm-10
	{
		width: 83.33%;
	}

	.pi-col-sm-11
	{
		width: 91.66%;
	}

	.pi-col-sm-12
	{
		width: 100%;
	}

	.pi-col-sm-offset-0
	{
		margin-left: 0;
	}

	.pi-col-sm-offset-1
	{
		margin-left: 8.33333333%;
	}

	.pi-col-sm-offset-2
	{
		margin-left: 16.66666667%;
	}

	.pi-col-sm-offset-3
	{
		margin-left: 25%;
	}

	.pi-col-sm-offset-4
	{
		margin-left: 33.33333333%;
	}

	.pi-col-sm-offset-5
	{
		margin-left: 41.66666667%;
	}

	.pi-col-sm-offset-6
	{
		margin-left: 50%;
	}

	.pi-col-sm-offset-7
	{
		margin-left: 58.33333333%;
	}

	.pi-col-sm-offset-8
	{
		margin-left: 66.66666667%;
	}

	.pi-col-sm-offset-9
	{
		margin-left: 75%;
	}

	.pi-col-sm-offset-10
	{
		margin-left: 83.33333333%;
	}

	.pi-col-sm-offset-11
	{
		margin-left: 91.66666667%;
	}

	.pi-col-sm-offset-12
	{
		margin-left: 100%;
	}
}


/********************
MAX 768px
********************/
@media (max-width: 760px)
{
	

	.visible-small
	{
		display: block !important;
	}

	table.visible-small
	{
		display: table !important;
	}

	tr.visible-small
	{
		display: table-row !important;
	}

	th.visible-small,
	td.visible-small
	{
		display: table-cell !important;
	}

	.visible-small-block
	{
		display: block !important;
	}

	.visible-small-inline
	{
		display: inline !important;
	}

	.visible-small-inline-block
	{
		display: inline-block !important;
	}





}

/********************
MAX 991px
********************/
@media (max-width: 991px)
{

	.hidden-medium
	{
		display: none !important;
	}
}

/********************
MIN 991px
********************/
@media (min-width: 991px)
{
	.pi-col-1, .pi-col-2, .pi-col-3, .pi-col-4, .pi-col-5, .pi-col-6, .pi-col-7, .pi-col-8, .pi-col-9, .pi-col-10, .pi-col-11, .pi-col-12,
	.pi-col-md-1, .pi-col-md-2, .pi-col-md-3, .pi-col-md-4, .pi-col-md-5, .pi-col-md-6, .pi-col-md-7, .pi-col-md-8, .pi-col-md-9, .pi-col-md-10, .pi-col-md-11, .pi-col-md-12
	{
		float: left;
	}

	.pi-col-1, .pi-col-md-1
	{
		width: 8.33333333%;
	}

	.pi-col-2, .pi-col-md-2
	{
		width: 16.66666667%;
	}

	.pi-col-3, .pi-col-md-3
	{
		width: 25%;
	}

	.pi-col-4, .pi-col-md-4
	{
		width: 33.33333333%;
	}

	.pi-col-5, .pi-col-md-5
	{
		width: 41.66666667%;
	}

	.pi-col-6, .pi-col-md-6
	{
		width: 50%;
	}

	.pi-col-7, .pi-col-md-7
	{
		width: 58.33333333%;
	}

	.pi-col-8, .pi-col-md-8
	{
		width: 66.66666667%;
	}

	.pi-col-9, .pi-col-md-9
	{
		width: 75%;
	}

	.pi-col-10, .pi-col-md-10
	{
		width: 83.33333333%;
	}

	.pi-col-11, .pi-col-md-11
	{
		width: 91.66666667%;
	}

	.pi-col-12, .pi-col-md-12
	{
		width: 100%;
	}

	.pi-col-offset-0, .pi-col-md-offset-0
	{
		margin-left: 0;
	}

	.pi-col-offset-1, .pi-col-md-offset-1
	{
		margin-left: 8.33333333%;
	}

	.pi-col-offset-2, .pi-col-md-offset-2
	{
		margin-left: 16.66666667%;
	}

	.pi-col-offset-3, .pi-col-md-offset-3
	{
		margin-left: 25%;
	}

	.pi-col-offset-4, .pi-col-md-offset-4
	{
		margin-left: 33.33333333%;
	}

	.pi-col-offset-5, .pi-col-md-offset-5
	{
		margin-left: 41.66666667%;
	}

	.pi-col-offset-6, .pi-col-md-offset-6
	{
		margin-left: 50%;
	}

	.pi-col-offset-7, .pi-col-md-offset-7
	{
		margin-left: 58.33333333%;
	}

	.pi-col-offset-8, .pi-col-md-offset-8
	{
		margin-left: 66.66666667%;
	}

	.pi-col-offset-9, .pi-col-md-offset-9
	{
		margin-left: 75%;
	}

	.pi-col-offset-10, .pi-col-md-offset-10
	{
		margin-left: 83.33333333%;
	}

	.pi-col-offset-11, .pi-col-md-offset-11
	{
		margin-left: 91.66666667%;
	}

	.pi-col-offset-12, .pi-col-md-offset-12
	{
		margin-left: 100%;
	}
}



/********************
MAX 1000px
********************/
@media (max-width: 1000px)
{
	#ph_logoLink,
	#A_ph_mo_Item_0,
	#A_ph_lo_Item_0
	{
		display: none !important;
	}
}

/********************
MAX 1199px
********************/
@media (max-width: 1199px)
{
	.hidden-medium
	{
		display: none !important;
	}

}

/********************
MIN 1200px
********************/
@media (min-width: 1400px)
{
	.pi-col-lg-1, .pi-col-lg-2, .pi-col-lg-3, .pi-col-lg-4, .pi-col-lg-5, .pi-col-lg-6, .pi-col-lg-7, .pi-col-lg-8, .pi-col-lg-9, .pi-col-lg-10, .pi-col-lg-11, .pi-col-lg-12
	{
		float: left;
	}

	.pi-col-lg-1
	{
		width: 8.33%;
	}

	.pi-col-lg-2
	{
		width: 16.66%;
	}

	.pi-col-lg-3
	{
		width: 25%;
	}

	.pi-col-lg-4
	{
		width: 33.33%;
	}

	.pi-col-lg-5
	{
		width: 41.66%;
	}

	.pi-col-lg-6
	{
		width: 50%;
	}

	.pi-col-lg-7
	{
		width: 58.33%;
	}

	.pi-col-lg-8
	{
		width: 66.66%;
	}

	.pi-col-lg-9
	{
		width: 75%;
	}

	.pi-col-lg-10
	{
		width: 83.33%;
	}

	.pi-col-lg-11
	{
		width: 91.66%;
	}

	.pi-col-lg-12
	{
		width: 100%;
	}

	.pi-col-lg-offset-0
	{
		margin-left: 0;
	}

	.pi-col-lg-offset-1
	{
		margin-left: 8.33333333%;
	}

	.pi-col-lg-offset-2
	{
		margin-left: 16.66666667%;
	}

	.pi-col-lg-offset-3
	{
		margin-left: 25%;
	}

	.pi-col-lg-offset-4
	{
		margin-left: 33.33333333%;
	}

	.pi-col-lg-offset-5
	{
		margin-left: 41.66666667%;
	}

	.pi-col-lg-offset-6
	{
		margin-left: 50%;
	}

	.pi-col-lg-offset-7
	{
		margin-left: 58.33333333%;
	}

	.pi-col-lg-offset-8
	{
		margin-left: 66.66666667%;
	}

	.pi-col-lg-offset-9
	{
		margin-left: 75%;
	}

	.pi-col-lg-offset-10
	{
		margin-left: 83.33333333%;
	}

	.pi-col-lg-offset-11
	{
		margin-left: 91.66666667%;
	}

	.pi-col-lg-offset-12
	{
		margin-left: 100%;
	}

	.visible-large
	{
		display: block !important;
	}

	table.visible-large
	{
		display: table !important;
	}

	tr.visible-large
	{
		display: table-row !important;
	}

	th.visible-large,
	td.visible- tr.visible-large
	{
		display: table-cell !important;
	}

	.visible-large-block
	{
		display: block !important;
	}

	.visible-large-inline
	{
		display: inline !important;
	}

	.visible-large-inline-block
	{
		display: inline-block !important;
	}

	.hidden-large
	{
		display: none !important;
	}

	.display-table-cell-large
	{
		display: table-cell;
	}
}


/********************
MIN 1200px
********************/
@media (min-width: 1800px)
{
	.pi-col-xlg-1, .pi-col-xlg-2, .pi-col-xlg-3, .pi-col-xlg-4, .pi-col-xlg-5, .pi-col-xlg-6, .pi-col-xlg-7, .pi-col-xlg-8, .pi-col-xlg-9, .pi-col-xlg-10, .pi-col-xlg-11, .pi-col-xlg-12
	{
		float: left;
	}

	.pi-col-xlg-1
	{
		width: 8.33%;
	}

	.pi-col-xlg-2
	{
		width: 16.66%;
	}

	.pi-col-xlg-3
	{
		width: 25%;
	}

	.pi-col-xlg-4
	{
		width: 33.33%;
	}

	.pi-col-xlg-5
	{
		width: 41.66%;
	}

	.pi-col-xlg-6
	{
		width: 50%;
	}

	.pi-col-xlg-7
	{
		width: 58.33%;
	}

	.pi-col-xlg-8
	{
		width: 66.66%;
	}

	.pi-col-xlg-9
	{
		width: 75%;
	}

	.pi-col-xlg-10
	{
		width: 83.33%;
	}

	.pi-col-xlg-11
	{
		width: 91.66%;
	}

	.pi-col-xlg-12
	{
		width: 100%;
	}

	.pi-col-xlg-offset-0
	{
		margin-left: 0;
	}

	.pi-col-xlg-offset-1
	{
		margin-left: 8.33333333%;
	}

	.pi-col-xlg-offset-2
	{
		margin-left: 16.66666667%;
	}

	.pi-col-xlg-offset-3
	{
		margin-left: 25%;
	}

	.pi-col-xlg-offset-4
	{
		margin-left: 33.33333333%;
	}

	.pi-col-xlg-offset-5
	{
		margin-left: 41.66666667%;
	}

	.pi-col-xlg-offset-6
	{
		margin-left: 50%;
	}

	.pi-col-xlg-offset-7
	{
		margin-left: 58.33333333%;
	}

	.pi-col-xlg-offset-8
	{
		margin-left: 66.66666667%;
	}

	.pi-col-xlg-offset-9
	{
		margin-left: 75%;
	}

	.pi-col-xlg-offset-10
	{
		margin-left: 83.33333333%;
	}

	.pi-col-xlg-offset-11
	{
		margin-left: 91.66666667%;
	}

	.pi-col-xlg-offset-12
	{
		margin-left: 100%;
	}

	
}





/************************
    DISPLAY FORM
************************/

.pi-display-label 
{
	
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:3px;
	box-sizing: border-box;
}
/*old with no font*/
.pi-display 
{
	/*margin-bottom: 15px;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
}



.pi-display-row
{
	margin-top: 5px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 25px;
}

.pi-display-value
{
	/*margin-bottom: 15px;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.2rem;
	display: inline;
}
.pi-display-value *
{
	font-size:1.2rem;
}



.pi-display-edit:hover
{
	background-color: #f2f2f2;
	cursor: pointer;
	background-clip: border-box;
}
.pi-display-edit-nobackground:hover
{
	background-color:transparent;
}

div.pi-display-edit-layer
{
	background-color: #f2f2f2;
	position: absolute;
	box-sizing: border-box;
	padding: 20px;
	border-radius: 3px;
	z-index: 2000;
	box-shadow: 0px 4px 8px rgba(0,0,0,.2), /*PageDropShadowColor*/
	0px 6px 20px rgba(0,0,0,.2); /*PageDropShadowColor*/
}





.pi-display-edit-save
{
	position:absolute;
	left:0px;
	bottom:-35px;
	cursor:pointer;
	padding:5px;
	text-align:center;
	background-color: #f2f2f2;
	box-sizing:border-box;
	border-bottom-left-radius:3px;


}
.pi-display-edit-cancel 
{
	position: absolute;
	left: 30px;
	bottom: -35px;
	padding: 5px;
	text-align:center;
	cursor: pointer;
	background-color: #f2f2f2;
	box-sizing:border-box;
	border-bottom-right-radius:3px;
}
.pi-display-edit-cancel img, .pi-display-edit-save img 
{
	margin-top:5px;
	height: 20px;
	width: 20px;
}
/************************
    INPUT FORM
************************/
.pi-input-form 
{
	box-sizing: border-box;
}

.pi-input-label 
{
	margin-bottom: 5px;
	box-sizing: border-box;
}

.pi-input-label-left 
{
	display: inline-block;
	vertical-align: middle;
	
	margin-bottom: 15px;
	margin-right: 15px; 
	
	/*
	padding-left:5px;
	padding-right:15px;
	padding-top:4px;
	padding-bottom:4px;
	*/
	box-sizing: border-box;
}

.pi-input 
{
	margin-bottom: 15px;
	box-sizing: border-box;
}


.pi-input-with-label
{
	margin-bottom:30px;
}

.pi-input-right-margin
{
	margin-right:30px;
}


.pi-input-right 
{
	display: inline-block;
}

.pi-input-right-W100 
{
	width: calc(100% - 230px);
}

.pi-input-form div.inline-block 
{
	margin-right: 15px;
}

.inline-block 
{
	display: inline-block;
}

div.inline-block 
{
	margin-right: 15px;
}

.MW100
{
	max-width:100%;
}


.pi-input-container div.pi-input-label-left, div.pi-input-container div.pi-input-right 
{
	vertical-align: middle;
}
div.pi-input-label-left
{
	width: 225px;
}

.pi-input
{
	margin-bottom: 15px;
	box-sizing: border-box;
}


.pi-input-right 
{
	display: inline-block;
	margin-bottom: 15px;
}


span.pi-input
{
	display:block;
	margin-bottom:15px;
}


.pi-input-save
{
	margin-top:25px;
	margin-bottom:15px;
	box-sizing:border-box;
}


/*large input form CSS */
/*
.pi-input-form-large span.fl,
.pi-input-form-large label,
.pi-input-form-large input[type=checkbox],
.pi-input-form-large input[type=text],
.pi-input-form-large select,
.pi-input-form-large a,
.pi-input-form-large a.Button,
.pi-input-form-large a.Button:hover {
	font-size: 18px;
}

.pi-input-form-large h1 {
	font-size: 32px;
}


.pi-input-form-large input[type=checkbox],
.pi-input-form-large input[type=text],
.pi-input-form-large select {
	height: 50px;
}

.pi-input-form-large input[type=text],
.pi-input-form-large select {
	padding: 5px;
}
*/


.inline-block 
{
	display: inline-block;
}



h1
{
	  color:#636563;/*PageDeEmphasizedFontColor*/
	  font-size:17px;
	  margin-bottom:0px;
	  margin-top:0px;
	  font-weight:500;
}

h2
{
	color:#636563;/*PageDeEmphasizedFontColor*/
	font-size:16px;
	margin-bottom:0px;
	margin-top:0px;
	font-weight:500;
}

h3
{
	color:#636563;/*PageDeEmphasizedFontColor*/
	font-size:15px;
	margin-bottom:0px;
	margin-top:0px;
	font-weight:500;
}

.font-white 
{
	color:#ffffff !important;
}

.font-grey
{
	color: #636563; /*PageDeEmphasizedFontColor*/
}

.bg-grey
{

	background-color:#f2f2f2;
}

.bg-white
{

	background-color:#fff !important;
}

.bg-success
{
	background-color:#34c759 !important;
}
.font-success
{
	color: #34c759 !important;
}

.bg-failure
{
	background-color: #e44545 !important;
	
}
.bg-warning
{

}


th
{
	font-weight:normal;
	color:#636563;/*PageTableHeaderFontColor*/
}

b
{
	font-weight:600;
}


/* folder icon class cannot be smaller than 20 x 20*/
.Fic
{
	width:20px;
	height:20px;
	margin:0px 4px 0px 4px;
	vertical-align:middle;
}
/*icon sizes, regular, medium and large*/
a.icon img, img.icon, input.icon, .Admin a img, a.ActnBtn img
{
	width:20px;
	height:20px;
	background-size:20px 20px;
	padding:2px;
	margin:1px;

}

a.icon-m img, img.icon-m, input.icon-m
{
	height:28px;
	width:28px;
	background-size:28px 28px;
	padding:2px;
	margin:1px;
}
a.icon-l img, img.icon-l, input.icon-l, a.Button32x32 img, img.Button32x32
{
	height:36px;
	width:36px;
	background-size:36px 36px;
	padding:2px;
	margin:1px;
}

/*this is disabled in tablet only device*/
a.icon img:hover, img.icon:hover, input.icon:hover,
a.icon-m:hover img, img.icon-m:hover, input.icon-m:hover,
a.icon-l:hover img, input.icon-l:hover,
a.ActnBtn img:hover,
.Admin a img:hover,
div.pi-page-icon a:hover,
a.Button32x32 img:hover, img.Button32x32:hover
{
	background-color:#e5e5e5;
	border-radius:2px;
}


/*Disable hover for menu icons*/
.pi-banner-wrap .icon:hover
{
	background-color: inherit !important;
}




/*anchor elements on the right of the screen*/
.AnchorElementOnRightScreen
{
	position:relative;
	text-align:right;
	right:0px;
}


/*DASHBOARD */
td.DBIL
{
	width:30px;
}
img.DBIL
{
	margin-right:5px;
	vertical-align:middle;
	width:24px;
	height:24px;
}
img.DBIR
{
	margin-left:10px;
	vertical-align:middle;
}
/*dashbard icon cell*/
.DBIRC1
{
	vertical-align:middle;
	text-align:right;
	width:22px;
	white-space:nowrap;
}
.DBIRC2
{
	vertical-align:middle;
	text-align:right;
	width:44px;
	white-space:nowrap;
}
.DBIRC3
{
	vertical-align:middle;
	text-align:right;
	width:66px;
	white-space:nowrap;
}
/*dashboard display large*/
.DBL *
{
	font-size:16px;
}
.DBL
{
	font-size:16px !important;
}
/*dashboard display small*/
.DBS *
{
	font-size:10px;
}
.DBS
{
	font-size:10px !important;
}

.DBIndent
{
	padding-left:50px !important;
}
.DBWordWrapBreakWord {
	word-wrap: break-word; 
	overflow-wrap: break-word;
}

.U {
	text-decoration: underline;
}

.N
{
	font-weight:normal !important;
}

/*Word Wrap and overflow for table cells*/
/*Word Wrap*/
.WW
{
	word-wrap: break-word;
	overflow:hidden;
}
/*Overflow*/
.OF
{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/*Nowrap*/
.NW
{
	white-space:nowrap;
}
.AR
{
	text-align:right;
}
.AC
{
	text-align:center;
}
.AL
{
	text-align:left;
}
.VT
{
	vertical-align:top;
}
.VM
{
	vertical-align:middle;
}
.VB
{
	vertical-align:bottom;
}
.VTB
{
    vertical-align:text-bottom
}
.FL
{
	float:left;
}
.FR
{
	float:right;
}
.clear{clear:both;}

.PRel
{
	position:relative;
}


.W100
{
	width:100%;
}
input.W100
{
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.W95
{
	width:95%;
}

.W75
{
	width:75%;
}
.W50
{
	width:50%;
}
.W40
{
    width:40%;
}
.W33
{
	width:33%;
}
.W25
{
	width:25%;
}
.W20
{
    width:20%;
}
.H100
{
	height:100%;
}


.w100
{
	width:100%;
}
input.w100
{
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.w75
{
	width:75%;
}
.w50
{
	width:50%;
}
.w40
{
    width:40%;
}
.w33
{
	width:33%;
}
.w25
{
	width:25%;
}
.w20
{
    width:20%;
}
.h100
{
	height:100%;
}

.MW100 
{
	max-width:100px;
}

.MW150
{
	max-width: 150px;
}

.MW175
{
	max-width: 175px;
}

.MW200 
{
	max-width:200px;
}

.MW300 
{
	max-width:300px;
}

.MW400 
{
	max-width:400px;
}

.MW500 
{
	max-width: 500px;
}

img.IC
{
	width:20px;
	height:20px;
}


body.UnSelect
{
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
	touch-action:none;
	

}



/*tr Bolded*/
.B
{
	font-weight:600;
}
tr.B *
{
	font-weight:600;
}
tr.B td
{
	font-weight:600;
}

.I
{
	font-style:italic;
}
tr.I
{
	font-style:italic;
}
tr.I td
{
	font-style:italic;
}
tr.I th
{
	font-style:italic;
}

table.p0
{
	border-spacing:0px;
	border-collapse:collapse;
}

table.p0 > tbody > tr > td
{
	padding:0px;
}
table.p0 > tbody > tr > th
{
	padding:0px;
}
table.p1
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.p1 > tbody > tr > td
{
	padding:1px;
}
table.p1 > tbody > tr > th
{
	padding:1px;
}
table.p2
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.p2 > tbody > tr > td
{
	padding:2px;
}
table.p2 > tbody > tr > th
{
	padding:2px;
}
table.p3
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.p3 > tbody > tr > td
{
	padding:3px;
}
table.p3 > tbody > tr > th
{
	padding:3px;
}
table.p4
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.p4 > tbody > tr > td
{
	padding:4px;
}
table.p4 > tbody > tr > th
{
	padding:4px;
}

table.p5
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.p5 > tbody > tr > td
{
	padding:5px;
}
table.p5 > tbody > tr > th
{
	padding:5px;
}

table.p6
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.p6 > tbody > tr > td
{
	padding:6px;
}
table.p6 > tbody > tr > th
{
	padding:6px;
}

table.p7
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.p7 > tbody > tr > td
{
	padding:7px;
}
table.p7 > tbody > tr > th
{
	padding:7px;
}


table.p8
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.p8 > tbody > tr > td
{
	padding:8px;
}
table.p8 > tbody > tr > th
{
	padding:8px;
}

table.p9
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.p9 > tbody > tr > td
{
	padding:9px;
}
table.p9 > tbody > tr > th
{
	padding:9px;
}

table.p10
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.p10 > tbody > tr > td
{
	padding:10px;
}
table.p10 > tbody > tr > th
{
	padding:10px;
}
table.p15 > tbody > tr > td
{
	padding: 15px;
}

table.p15 > tbody > tr > th
{
	padding: 15px;
}
table.p20 > tbody > tr > td
{
	padding:20px;
}
table.p20 > tbody > tr > th
{
	padding:20px;
}
table.p30 > tbody > tr > td
{
	padding:30px;
}
table.p30 > tbody > tr > th
{
	padding:30px;
}
table.p40 > tbody > tr > th
{
	padding:40px;
}
table.p50 > tbody > tr > th
{
	padding:50px;
}

.p0 { padding:0px !important; }
.p1 { padding:1px !important; }
.p2 { padding:2px !important; }
.p3 { padding:3px !important; }
.p4 { padding:4px !important; }
.p5 { padding:5px !important; }
.p6 { padding:6px !important; }
.p7 { padding:7px !important; }
.p8 { padding:8px !important; }
.p9 { padding:9px !important; }
.p10 { padding:10px !important; }
.p15 { padding:15px !important; }
.p20 { padding:20px !important; }
.p30 { padding:30px !important; }
.p40 { padding:40px !important; }
.p50 { padding:50px !important; }
.p75 { padding:75px !important; }
.p100 { padding:100px !important; }

.pT0 { padding-top:0px !important; }
.pT1 { padding-top:1px !important; }
.pT2 { padding-top:2px !important; }
.pT3 { padding-top:3px !important; }
.pT4 { padding-top:4px !important; }
.pT5 { padding-top:5px !important; }
.pT6 { padding-top:6px !important; }
.pT7 { padding-top:7px !important; }
.pT8 { padding-top:8px !important; }
.pT9 { padding-top:9px !important; }
.pT10 { padding-top:10px !important; }
.pT15 { padding-top:15px !important; }
.pT20 { padding-top:20px !important; }
.pT30 { padding-top:30px !important; }
.pT40 { padding-top:40px !important; }
.pT50 { padding-top:50px !important; }
.pT75 { padding-top:75px !important; }
.pT100 { padding-top:100px !important; }


.pB0 { padding-bottom:0px !important; }
.pB1 { padding-bottom:1px !important; }
.pB2 { padding-bottom:2px !important; }
.pB3 { padding-bottom:3px !important; }
.pB4 { padding-bottom:4px !important; }
.pB5 { padding-bottom:5px !important; }
.pB6 { padding-bottom:6px !important; }
.pB7 { padding-bottom:7px !important; }
.pB8 { padding-bottom:8px !important; }
.pB9 { padding-bottom:9px !important; }
.pB10 { padding-bottom:10px !important; }
.pB15 { padding-bottom:15px !important; }
.pB20 { padding-bottom:20px !important; }
.pB30 { padding-bottom:30px !important; }
.pB40 { padding-bottom:40px !important; }
.pB50 { padding-bottom:50px !important; }
.pB75 { padding-bottom:75px !important; }
.pB100 { padding-bottom:100px !important; }

.pL0 { padding-left:0px !important; }
.pL1 { padding-left:1px !important; }
.pL2 { padding-left:2px !important; }
.pL3 { padding-left:3px !important; }
.pL4 { padding-left:4px !important;}
.pL5 { padding-left:5px !important; }
.pL6 { padding-left:6px !important; }
.pL7 { padding-left:7px !important; }
.pL8 { padding-left:8px !important; }
.pL9 { padding-left:9px !important; }
.pL10 { padding-left:10px !important; }
.pL15 { padding-left:15px !important; }
.pL20 { padding-left:20px !important; }
.pL30 { padding-left:30px !important; }
.pL40 { padding-left:40px !important; }
.pL50 { padding-left:50px !important; }
.pL75 { padding-left:75px !important; }
.pL100 { padding-left:100px !important; }

.pR0 { padding-right:0px !important; }
.pR1 { padding-right:1px !important; }
.pR2 { padding-right:2px !important; }
.pR3 { padding-right:3px !important; }
.pR4 { padding-right:4px !important; }
.pR5 { padding-right:5px !important; }
.pR6 { padding-right:6px !important; }
.pR7 { padding-right:7px !important; }
.pR8 { padding-right:8px !important; }
.pR9 { padding-right:9px !important; }
.pR10 { padding-right:10px !important; }
.pR15 { padding-right:15px !important; }
.pR20 { padding-right:20px !important; }
.pR30 { padding-right:30px !important; }
.pR40 { padding-right:40px !important; }
.pR50 { padding-right:50px !important; }
.pR75 { padding-right:75px !important; }
.pR100 { padding-right:100px !important; }

.m0 { margin:0px !important; }
.m1 { margin:1px !important; }
.m2 { margin:2px !important; }
.m3 { margin:3px !important; }
.m4 { margin:4px !important; }
.m5 { margin:5px !important; }
.m6 { margin:6px !important; }
.m7 { margin:7px !important; }
.m8 { margin:8px !important; }
.m9 { margin:9px !important; }
.m10 { margin:10px !important; }
.m15 { margin:15px !important; }
.m20 { margin:20px !important; }
.m30 { margin:30px !important; }
.m40 { margin:40px !important; }
.m50 { margin:50px !important; }
.m75 { margin:75px !important; }
.m100 { margin:100px !important; }

.mT0 { margin-top:0px !important; }
.mT1 { margin-top:1px !important; }
.mT2 { margin-top:2px !important; }
.mT3 { margin-top:3px !important; }
.mT4 { margin-top:4px !important; }
.mT5 { margin-top:5px !important; }
.mT6 { margin-top:6px !important; }
.mT7 { margin-top:7px !important; }
.mT8 { margin-top:8px !important; }
.mT9 { margin-top:9px !important; }
.mT10 { margin-top:10px !important; }
.mT15 { margin-top:15px !important; }
.mT20 { margin-top:20px !important; }
.mT30 { margin-top:30px !important; }
.mT40 { margin-top:40px !important; }
.mT50 { margin-top:50px !important; }
.mT75 { margin-top:75px !important; }
.mT100 { margin-top:100px !important; }

.mB0 { margin-bottom:0px !important; }
.mB1 { margin-bottom:1px !important; }
.mB2 { margin-bottom:2px !important; }
.mB3 { margin-bottom:3px !important; }
.mB4 { margin-bottom:4px !important; }
.mB5 { margin-bottom:5px !important; }
.mB6 { margin-bottom:6px !important; }
.mB7 { margin-bottom:7px !important; }
.mB8 { margin-bottom:8px !important; }
.mB9 { margin-bottom:9px !important; }
.mB10 { margin-bottom:10px !important; }
.mB15 { margin-bottom:15px !important; }
.mB20 { margin-bottom:20px !important; }
.mB30 { margin-bottom:30px !important; }
.mB40 { margin-bottom:40px !important; }
.mB50 { margin-bottom:50px !important; }
.mB75 { margin-bottom:75px !important; }
.mB100 { margin-bottom:100px !important; }

.mL0 { margin-left:0px !important; }
.mL1 { margin-left:1px !important; }
.mL2 { margin-left:2px !important; }
.mL3 { margin-left:3px !important; }
.mL4 { margin-left:4px !important;}
.mL5 { margin-left:5px !important; }
.mL6 { margin-left:6px !important; }
.mL7 { margin-left:7px !important; }
.mL8 { margin-left:8px !important; }
.mL9 { margin-left:9px !important; }
.mL10 { margin-left:10px !important; }
.mL15 { margin-left:15px !important; }
.mL20 { margin-left:20px !important; }
.mL30 { margin-left:30px !important; }
.mL40 { margin-left:40px !important; }
.mL50 { margin-left:50px !important; }
.mL75 { margin-left:75px !important; }
.mL100 { margin-left:100px !important; }

.mR0 { margin-right:0px !important; }
.mR1 { margin-right:1px !important; }
.mR2 { margin-right:2px !important; }
.mR3 { margin-right:3px !important; }
.mR4 { margin-right:4px !important; }
.mR5 { margin-right:5px !important; }
.mR6 { margin-right:6px !important; }
.mR7 { margin-right:7px !important; }
.mR8 { margin-right:8px !important; }
.mR9 { margin-right:9px !important; }
.mR10 { margin-right:10px !important; }
.mR15 { margin-right:15px !important; }
.mR20 { margin-right:20px !important; }
.mR30 { margin-right:30px !important; }
.mR40 { margin-right:40px !important; }
.mR50 { margin-right:50px !important; }
.mR75 { margin-right:75px !important; }
.mR100 { margin-right:100px !important; }

.displayNone,
.display-none,
.displaynone
{
	display: none;
}

.IL 
{
	display:inline-block;
}

.DIL
{
	display:inline;
}

/*improve the default margin of list items*/
ul, ol { margin-left:1.5em; padding-left:0px; }
li { margin-bottom:0.5em; }



/*generic veil*/
.Veil
{
	
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: "not-allowed";
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	opacity: 0.30;
	background-color: #000000;
	width:100%;
	height:100%;

	

}


/*generic drop shadow*/
.DropShadow
{
	color:#ffffff;
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
	
}
.DropShadow a
{
	color:#ffffff;
}

.CommentsFilter
{
	vertical-align:middle !important;
	font-weight:normal !important;
}
.CommentsFilterSelected
{
	color:#636563 !important;/*de-emphasized*/
	vertical-align:middle !important;
	font-weight:normal !important;
	text-decoration:underline !important;
	
}


/************************************************
Indicators
*************************************************/
/*
Unfavorable Indicator (Overdue, overbudget etc)
*/
.UF
{
	color:#e63a3a;/*PageUnfavorableFontColor*/
}
.UF *
{
	color:#e63a3a;/*PageUnfavorableFontColor*/
}
.UF a
{
	text-decoration:none;
}
.UF a:visited
{
	text-decoration:none;
}
.UF a:hover
{
	text-decoration:underline;
}
.UF a:active
{
	text-decoration:none;
}


/*
Completed Indicator (strike through)
*/
.Strike
{
	text-decoration:line-through;
}


/***************
Validation
****************/
.ValidationSummary
{
	color: #e44545; /*PageValidationSummaryFontColor*/
	margin-top: 4px;
}
.ValidationSummary ul
{
	margin-top:4px;
}
.ValidationSummary *
{
	color:#e63a3a;/*PageValidationSummaryFontColor*/
}
.ValidationError
{
	border: 1px solid #e44545 !important;
}

div.validation-box 
{
	margin-top: 3px;
	background-color: #ffffff;
	border-radius: 4px;
	padding: 8px 15px 4px 15px;
	text-align: left;
	color: Red;
}

div.validation-bar
{
	margin-top: 3px;
	background-color: #e44545;
	border-radius: 4px;
	padding: 8px 20px 4px 10px;
	text-align: left;
	color: #ffffff !important; 
}
div.validation-bar *
{
	color: #ffffff !important;
}
div.validation-bar li
{
	margin-left:0px;
	list-style:none;
}

table.validation-layer > tbody > tr > th
{
	background-color: #e44545;
	font-size: 2.0rem;
	border-color: #e44545;
}




.MetafuseComboBox.ValidationError
{
	border: none !important;
}
.MetafuseComboBox.ValidationError input.MetafuseComboBox_TextBox,
.MetafuseComboBox.ValidationError input.MetafuseComboBox_TextInput
{
	border:1px solid #e44545 !important;
}

/*generic drag and drop libaray uses the div moving control*/
div.DivMoving
{
	
	
	min-width:200px;
	min-height:24px;
	position:absolute;
	padding:4px;
	padding-top:6px;
	border:solid 1px rgba(112, 112, 112, .4);
	white-space:nowrap;

	font-size:1.2em;

	vertical-align:middle;
	
	filter:alpha(opacity=40);
	
	background-color: rgba(112, 112, 112, .4);
	
	border-radius:4px;

	color: #ffffff;

	
	cursor:move;
	
	
	
}

/* Metafuse Table Row Moving*/
table.TableMoving
{
	background-color:#eeeeee;
	width:250px;
	height:25px;
	position:absolute;
	border-radius:4px;
	
	
	/*-webkit-box-shadow: 0px 0px 4px 0px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	/*-moz-box-shadow: 0px 0px 4px 0px #ffffff; /* FF3.5 - 3.6 */
	/*box-shadow: 0px 0px 4px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
} 
	
	
table.TableMoving td
{
	width:250px;
	height:25px;
	background-color:#eeeeee;
	padding:4px 15px 4px 2px;
	text-align:left;
	border:none;
	border-radius:4px;
	color:#ffffff;

}
tr.RowHighlightMoving
{
	background-color:#eeeeee;
}

tr.RowHighlightMoving td
{
	background-color:#eeeeee;
	text-align:left;
	padding-right:5px;
}




/*centers images of a ASP.NET radio button list*/
table.RadioButtonListImages tr td
{
	text-align:center;
	vertical-align:middle;
	padding:5px 12px 5px 12px;

}

table.RadioButtonList tr td
{
	padding:6px;

}
table.RadioButtonListExtraPaddingBottom tr td
{
	padding-bottom:17px;
}

/********************************
General Table Styles
*********************************/

tr.RowContext, tr.RowContext
{
	background-color: #e8e8e8;
}

tr.RowHighlight, tr.RowContext, li.RowHighlight
{
	background-color:#e8e8e8;
}



tr.RowSelected
{
	background-color: #D8D8D7;
}

/*********************************************
Input Table
**********************************************/

/*Data List*/

table.DataList
{
	
	empty-cells:show;
	border-style:solid;
	border-width:4px;
	border-color:#f2f2f2;/*DataListTableBorderColor*/
	border-collapse:collapse;
}

table.DataList.Striped td
{
	border-right:none;
}

table.DataList
{
	background-color:#ffffff;	
}
table.DataList td
{
	empty-cells:show;
	padding: 10px 3px 10px 4px;
	border-right:solid 1px;
	border-bottom:solid 1px;
	border-color:#f2f2f2;
}

table.DataList th
{
	empty-cells:show;
	padding: 10px 3px 2px 4px;
	border-right:solid 1px;
	border-bottom:solid 1px;
	border-color:#f2f2f2;
	background-color:#f2f2f2;
	vertical-align:bottom;
	color:#636563;
	
}




table.DataList th span
{
	color:#636563;/*PageDataListHeaderFontColor*/
}

table.XPadding td
{
	padding:15px 6px 15px 8px;
}
table.XPadding th
{
	padding:15px 6px 15px 8px;
}

table.XXPadding td
{
	padding:20px 12px 20px 16px;
}
table.XXPadding th
{
	padding:20px 12px 20px 16px;
}

/*ear tab settings*/
div.UpperLeftEarTab
{
	position:relative;
	float:left;
	padding:0px;
	box-sizing:border-box;
	cursor:pointer;
}

a.UpperLeftEarTab
{
	position:absolute;
	top:0px;
	left:0px;
	
	margin-left:0px;
	margin-top:0px;
}
/*form row settings for the tab*/
tr.DataListInlineRowEditForm a.UpperLeftEarTab 
{
	margin-left: -4px;
	margin-top: -8px;
}

a.UpperLeftEarTab > img 
{
	width: 14px;
	height: 14px;
}

div.CellContentContainer 
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align:middle;
	padding:0px;
	margin:0px;
}


/**********************************
Edit Row Settings
***********************************/


.DataList tr.DataListInlineRowEditForm
{
	background-color:#ffffff;
}
.DataList tr.DataListInlineRowEditForm 
{
	background-color: #F5F5F5;
}
.DataList tr.DataListInlineRowEditForm td
{
	box-sizing:border-box;
	background-color:#ffffff;
	padding-top:7px;
	padding-bottom:7px;
	
}

tr.DataListInlineRowEditForm td
{

	border-right-width:1px;
	border-right-style:solid; 
	border-right-color:#f2f2f2;
	border-left-style:none; 
}

/*
tr.DataListInlineRowEditForm td table.MetafuseComboBox tr
{
	outline: none !important;
}


tr.DataListInlineRowEditForm td table.MetafuseComboBox td.TextBoxCell,
tr.DataListInlineRowEditForm td table.MetafuseComboBox td.ArrowCell
{
	border: none !important;
}

tr.DataListInlineRowEditForm td table.MetafuseComboBox td.ArrowCell div.ArrowCellDiv
{
	width:25px;
	float:right;
}

tr.DataListInlineRowEditForm td table.MetafuseComboBox td.ArrowCell div.ArrowCellDiv img
{
	width:15px;
	height:15px;
	margin-right: 5px;
	margin-left: 5px;
}
*/

tr.DataListInlineRowEditForm td div.MetafuseComboBox
{
	width:100%;
}

tr.DataListInlineRowEditForm input
{
	border: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	width: 100%;
	font-size: 14px;
	background-color: #ffffff;
	outline: none;
	padding-left: 0px;
	padding-right: 3px; /*needed for IE9/8*/
	box-sizing: border-box;
}

tr.DataListInlineRowEditForm textarea
{
	border:none;
	width:100%;
	font-size:14px;
	font-family:Arial,verdana,helvetica;
	background-color:#ffffff;
	margin:0px;
	outline: none; 
	box-sizing:border-box;
}

td.CheckBoxWithLabel input
{
	border:none;
	width:auto;
	font-size:14px;
	background-color:#ffffff;
}


tr.DataListInlineRowEditForm select
{
	
	border:none;
	font-size:14px;
	background-color:#ffffff;
	width:100%;
	box-sizing:border-box;
}


tr.DataListRowEdited, tr.Edit
{
	background-color:#ffffff;
	color:#999999;
	border-color:#B9BDC9;
	border-width:1px;
	border-style:solid; 	
}





.EditedBG
{
	background:#ffe2ce;
	-webkit-transition:background 2s;
	-moz-transition:background 2s;
	-ms-transition:background 2s;
	-o-transition:background 2s;
	transition:background 2s;
}
.EditedBGRemove
{
	background:transparent;
	-webkit-transition:background 2s;
	-moz-transition:background 2s;
	-ms-transition:background 2s;
	-o-transition:background 2s;
	transition:background 2s;
}

	
table.DataListPopupTable
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.DataListPopupTable td
{
	padding:7px;
}
table.DataListPopupTable th
{
	padding:7px;
}

table.DataListPopupTable > tbody > tr > td
{
	padding:7px;
}
table.DataListPopupTable > tbody > tr > th
{
	padding:7px;
}


.DataListInnerTableForm td
{
	border-right:none;
	border-bottom:none;
	border:none;
}
.DataListInnerTable
{
	padding: 0px;
	border-right:none;
	border-bottom:none;
	border:none;
}
table.DataListInnerTable td
{
	padding: 0px;
	border-right:none;
	border-bottom:none;
	border:none;
}
table.DataListInnerTable th
{
	padding: 0px;
	border-right: none;
	border-bottom: none;
	border: none;
	background-color:transparent !important;
}


.Shaded
{
	background-color:#EFEBE9;
}

tr.TotalRow
{
	font-weight:600;
	background-color:#f2f2f2;
}

td.TotalRowLabel
{
	text-align:right;
}

/*Total Row Alt (Baseline)*/
tr.TotalRowAlt
{
	font-weight:600;
	color:#999999;

}

td.TotalRowLabelAlt
{
	text-align:right;
	color:#999999;
}
td.TotalCellAlt
{
	font-weight:600;
	color:#999999;
}



/*Group By*/
table.DataList th.GroupByHeader
{
	width:20px;
	border-right:none;
}
table.DataList th.GroupByHeaderLast
{
	width:20px;
}
table.DataList td.GroupByCell
{
	border-right:none;

}
table.DataList td.GroupByCellLast
{
	
}
table.DataList td.GroupByForm
{
	border-right:none;

}
table.DataList td.GroupByFormLast
{
	
}


/*Group By Row*/
table.DataList tr.GroupByRow
{
	font-weight:600;
	background-color:#e5f0fe;
}
table.DataList td.GroupByRowLabel
{
	text-align:left;
}
table.DataList tr.GroupByRow1
{
	font-weight:600;
	background-color:#b9cde5;
}
table.DataList td.GroupByRow1Label
{
	text-align:left;
}
table.DataList tr.GroupByRow2
{
	font-weight:600;
	
	background-color:#9bbfee;
}
table.DataList td.GroupByRow2Label
{
	text-align:left;
}
/*Group By Alt (For Baseline, changes font color)*/
table.DataList tr.GroupByRowAlt
{
	color:#999999;
}
table.DataList td.GroupByRowAltLabel
{
	text-align:left;
}
table.DataList tr.GroupByRow1Alt
{
	color:#999999;
}
table.DataList td.GroupByRow1AltLabel
{
	text-align:left;
}
table.DataList tr.GroupByRow2Alt
{
	color:#999999;
}
table.DataList td.GroupByRow2AltLabel
{
	text-align:left;
}



/*Sub Total Row*/
table.DataList tr.SubTotalRow
{
	font-weight:600;
	background-color:#abd7de;
}

table.DataList td.SubTotalRowLabel
{
	text-align:right;
}
table.DataList tr.SubTotalRow1
{
	font-weight:600;
	background-color:#84ccd8;
}
table.DataList td.SubTotalRow1Label
{
	text-align:right;
}
table.DataList tr.SubTotalRow2
{
	font-weight:600;
	background-color:#52b7c9;
}
table.DataList td.SubTotalRow2Label
{
	text-align:right;
}


/*Sub Total Row Alt (Baseline)*/
table.DataList tr.SubTotalRowAlt
{
	color:#999999;
}
table.DataList td.SubTotalRowAltLabel
{
	text-align:right;
}
table.DataList tr.SubTotalRow1Alt
{
	color:#999999;
}
table.DataList td.SubTotalRow1AltLabel
{
	text-align:right;
}
table.DataList tr.SubTotalRow2Alt
{
	color:#999999;
}
table.DataList td.SubTotalRow2AltLabel
{
	text-align:right;
}

/*de-emphasies in the table*/
table.DataList tr.DE td
{
	color:#636563;/*de-emphasized*/
}



/*fixed height options*/
table.DataListFixedHeight td
{
	padding-top:0px !important;
	padding-bottom:0px !important;
}

table.DataListFixedHeight th
{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
table.DataListFixedHeight td.Admin img 
{
	padding:0px !important;
	margin:0px !important;
}



/*********************************************
Input Table
**********************************************/
table.InputTable
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.InputTable > tbody > tr > td
{
	padding:6px;
}
table.InputTable > tbody > tr > th
{
	padding:6px;
}

/**********************************************
View Table
***********************************************/
/* same as padding 4*/
table.ViewTable
{
	border-spacing:0px;
	border-collapse:collapse;
	empty-cells:show;
}
table.ViewTable > tbody > tr > td
{
	padding:6px;
}
table.ViewTable > tbody > tr > th
{
	padding:6px;
}

table.ViewTable .ActnBtn
{
	cursor:pointer;
}


/**********************************************
View List
***********************************************/
table.ViewList
{
	border-spacing:0px;
	border-collapse:collapse;
}
table.ViewList > tbody > tr > td
{
	padding:6px;
}
table.ViewList > tbody > tr > th
{
	padding:6px;
}




/********************************
To be deprecated
*********************************/
th.NoPadding
{
	padding: 0px 0px 0px 0px;
}
td.NoPadding
{
	padding: 0px 0px 0px 0px;
}


.Admin
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.Admin a, .Receipt a
{
	margin-right:10px;
}
.Admin a:last-child
{
	margin-right:0px;
}

/********************************************************************
Button behavior for metafuse hyperlink, metafuse ajax post back
*********************************************************************/
.Button 
{
	border: 1px solid #a5aaad;
	padding: 5px 12px 5px 12px;
	display: inline-block;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	margin-right: 12px;
	border-radius: 3px;
	color: #464646;
	font-weight: normal;
	text-decoration: none;
	background: #bdc3c7;
	font-size: 1.3rem;
	box-sizing:border-box;
	text-align:center;
}


.Button:hover
{
	border-color:#808587;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	background: #808587;
}
.Button:active
{
	border-color:#808587;
	padding: 5px 12px 5px 12px;
	font-weight:normal;
	color:#ffffff;
	background: #808587;
}


.Button a, .Button a:hover, .Button a:active, .Button a:visited
{
	color:#464646;
	font-weight:normal;
	font-size:1.3rem;
	text-decoration:none;
}
.Button a:active
{
	font-weight:600;
}

table.Button
{
	padding:0px;
	cursor:pointer;
}
table.Button:active
{
	padding:0px;
}
table.Button tr td
{
	padding: 3px 6px 3px 6px;
}
table.Button:active tr td
{
	padding: 3px 5px 2px 7px;
	
}

table.Button > tbody > tr:first-of-type > th:first-of-type
{
	border-top-left-radius:3px;
}
table.Button > tbody > tr:first-of-type > th:last-of-type
{
	border-top-right-radius:3px;
}
table.Button > tbody > tr:first-of-type > td:first-of-type
{
	border-top-left-radius:3px;
}
table.Button > tbody > tr:first-of-type > td:last-of-type
{
	border-top-right-radius:3px;
}
table.Button > tbody  > tr:last-of-type > td:first-of-type
{
	border-bottom-left-radius:3px;
}
table.Button > tbody > tr:last-of-type > td:last-of-type
{
	border-bottom-right-radius:3px;
}

td.ButtonMenuText
{
	padding-left:12px !important;
	padding-right: 0px !important;
}
table.ButtonMenu
{
	border-spacing:0px;
	border-collapse:collapse;
	empty-cells:show;
}

.ButtonLink
{
	border: none;
	padding: 3px 12px 3px 12px;
	display:inline-block;
}


div.ButtonProcessing
{
	border: 1px solid #a5aaad;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	margin-right: 12px;
	border-radius: 3px;
	color: #464646;
	background: #bdc3c7;
	font-size: 1.1em;
	margin: auto;
	box-sizing: border-box;
	border-color: #808587;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	background: #808587;
	text-align:center;
	
}
div.ButtonProcessing div
{
	height:100%;
	line-height:100%;
}
div.ButtonProcessing img
{
    width:50px;
	max-width:90%;
	max-height:100%;
	height:100%;
	vertical-align:middle;
}


.Outline, .Outline *, a.Outline, .Outline a, .Outline a:visited
{
	background: none;
	border-color: #729ed7; /*PageButtonBackgroundColor*/
	color: #729ed7; /*PageButtonBackgroundColor*/
}

.Outline:hover, .Outline:hover *, a.Outline:hover, .Outline a:hover, .Outline a:active, .Outline:active
{
	background: none;
	border-color: #4c75b0; /*PageButtonBackgroundColorHover*/
	color: #4c75b0; /*PageButtonBackgroundColorHover*/
}

.ButtonOutline, .ButtonOutline *, a.ButtonOutline, .ButtonOutline a, .ButtonOutline a:visited
{
	background-color: #ffffff;
	border-color: #729ed7; /*PageButtonBackgroundColor*/
	color: #729ed7; /*PageButtonBackgroundColor*/
}

.ButtonOutline:hover, .ButtonOutline:hover *, a.ButtonOutline:hover, .ButtonOutline a:hover, .ButtonOutline a:active, .ButtonOutline:active
{
	background-color:#ffffff;
	border-color: #4c75b0; /*PageButtonBackgroundColorHover*/
	color: #4c75b0; /*PageButtonBackgroundColorHover*/
}

.Grey, .Grey *, a.Grey, .Grey a, .Grey a:visited
{
	background: none;
	border-color: #a6a6a6;
	color: #a6a6a6;
}

.Grey:hover, .Grey:hover *, a.Grey:hover, .Grey a:hover, .Grey a:active, .Grey:active
{
	background: none;
	border-color: #666666;
	color: #666666;
}

.ButtonGrey, .ButtonGrey *, a.ButtonGrey, .ButtonGrey a, .ButtonGrey a:visited
{
	background: #ffffff;
	border-color: #a6a6a6;
	color: #a6a6a6;
}

.ButtonGrey:hover, .ButtonGrey:hover *, a.ButtonGrey:hover, .ButtonGrey a:hover, .ButtonGrey a:active, .ButtonGrey:active
{
	background: #ffffff;
	border-color: #666666;
	color: #666666;
}



/*****************************************************
Toggle Bar

*/






.ToggleSwitch > input[type="checkbox"]
{
	display: none;
}
div.ToggleSwitch
{
	display: inline;
	width: 45px;
	margin-right: 50px;
	box-sizing: border-box;
}
.ToggleSwitch > label
{
	cursor: pointer;
	display: inline;
	width: 45px;
	position: relative;
}

.ToggleSwitch > label:first-of-type::before
{
	background: #cccccc;
	border-radius: 28px;
	content: '';
	height: 24px;
	opacity: 1;
	margin-top:-3px;
	transition: all 0.2s ease-in-out;
	width: 45px;
	position: absolute;
}

.ToggleSwitch > label:first-of-type::after
{
	background: #ffffff;
	border-radius: 50%;
	content: '';
	height: 20px;
	margin-top: -1px;
		
	left: 2px;
	transition: all 0.2s ease-in-out;
	width: 20px;
	position: absolute;
}
.ToggleSwitch > label:nth-of-type(2)
{
	margin-left: 55px;
	vertical-align:middle;
	padding-top: 8px;
}

.ToggleSwitch > input[type="checkbox"]:checked + label::before
{
	background: #4cd964;
	opacity: .8;
}

.ToggleSwitch > input[type="checkbox"]:checked + label::after
{
	background: #ffffff;
	opacity: 1;
	left: 23px;
}



div.ToggleBar
{
	border:solid;
	border-width:1px;
	border-color: #729ed7;/*PageButtonBackgroundColor*/
	border-radius:10px;
	box-sizing:border-box;
}
div.ToggleBar a, div.ToggleBar a:hover, div.ToggleBar a:visited, div.ToggleBar a:active
{
	padding-left: 15px;
	padding-right: 15px;
	color: #729ed7; /*PageButtonBackgroundColor*/
}





/************************
Split Screen
*************************/


/**********************************
Split Screen Control
***********************************/
table.SplitScreen
{
	padding:0px;
	border-spacing:0px;
	margin:0px;
	border-collapse:collapse !important;
	width:0px;
	overflow-x:hidden;
	overflow-y:hidden;
	padding:0px;
}


table.SplitScreen > tbody> tr > td
{
	padding:0px !important;
}

div.SplitScreenLT
{
	vertical-align:bottom;
	margin:0px;
	padding:0px;
	border:0px;
	box-sizing:border-box;
}

div.SplitScreenLT > table
{
	border-radius:0px;
	border-collapse:collapse !important;
}

div.SplitScreenL
{
	margin:0px;
	padding:0px;
	border:0px;
	box-sizing:border-box;
}

div.SplitScreenL > table
{
	border-radius:0px;
	border-collapse:collapse !important;
}

div.SplitScreenRT {
	margin: 0px;
	padding: 0px;
	border: 0px;
	box-sizing: border-box !important;
}

div.SplitScreenRT > table {
	border-radius: 0px;
	border-collapse: collapse !important;
	/*box-sizing: border-box !important;*/
}

div.SplitScreenR {
	margin: 0px;
	padding: 0px;
	border: 0px;
	/*box-sizing: border-box !important;*/
}

div.SplitScreenR > table {
	border-radius: 0px;
	border-collapse: collapse !important;
	/*box-sizing: border-box !important;*/
}



/*specifies specific row height when using split screen*/
table.SplitScreenRowHeight tr
{
	/*height:10px;
	overflow:hidden;
	height:10px;
	max-height:10px !important*/
}
table.SplitScreenRowHeight tr td
{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;


	
	/*overflow-y:hidden;
	overflow-x:hidden;
	height:10px;
	max-height:10px;*/
	

}
tr.SplitScreenBlankRow
{

	height:0px;
	min-height:0px;
	max-height:0px;
	padding-bottom:0px;
	padding-top:0px;
	border-bottom:0px;
	line-height:0px;
	font-size:0px;
	border-top:0px;
	
}
tr.SplitScreenBlankRow td
{
	
	height:0px;
	min-height:0px;
	max-height:0px;
	padding-bottom:0px;
	padding-top:0px;
	border-bottom:0px;
	border-top:0px;
	line-height:0px;
	font-size:0px;
	overflow:hidden;
	
}


/*************************************************************************
DraggableLayer hidden layer that appears when selecting options on forms
*************************************************************************/
table.DraggableLayer
{
	border-style: solid;
	border-width: 10px;
	border-color: #E5E5E5;
	background-color: #E5E5E5;
	position: absolute;
	border-collapse: separate;
	border-radius: 30px;
	max-width: 95% !important; /*do not remove this setting*/
	box-shadow: 0px 4px 8px rgba(0,0,0,.2), /*PageDropShadowColor*/
	0px 6px 20px rgba(0,0,0,.2); /*PageDropShadowColor*/
}



th.DraggableLayer
{
	background-color: #E5E5E5;
	color: #000000;
	padding: 6px 8px 6px 50px;
	font-size: 1.5rem;
	cursor: move;
}

td.DraggableLayer
{
	padding: 30px;
	background-color: #ffffff;
	vertical-align: top;
}


/*Resizable section of Draggable Layer*/
table.DraggableLayer .ui-resizable-se
{
	width: 14px;
	height: 14px;
}

table.DraggableLayerDashboard td.draggable-layer-body, td.DraggableLayerDashboard
{
	background-color: #F3F5F7;
}


td.draggable-layer-body
{
	padding: 50px;
}

div.draggable-layer-body-alert-box
{
	font-size: 1.2rem;
}


div.draggable-layer-buttons
{
	text-align: right;
	margin-top: 25px;
	margin-bottom: 5px;
}





table.DraggableLayer
{
	border-width: 3px;
	border-radius: 2px;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.14);
}

table.DraggableLayer > tbody > tr:first-of-type > th:first-of-type
{
	border-top-left-radius: 2px;
}

table.DraggableLayer > tbody > tr:first-of-type > th:last-of-type
{
	border-top-right-radius: 2px;
}

table.DraggableLayer > tbody > tr:last-of-type > td:first-of-type
{
	border-bottom-left-radius: 2px;
}

table.DraggableLayer > tbody > tr:last-of-type > td:last-of-type
{
	border-bottom-right-radius: 2px;
}



table.DraggableLayerNoTitle > tbody > tr:last-of-type > td:first-of-type
{
	border-top-left-radius: 2px;
}

table.DraggableLayerNoTitle > tbody > tr:last-of-type > td:last-of-type
{
	border-top-right-radius: 2px;
}

a.DraggableLayerClose
{
	background-image: url("../../i/i/close.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
	width: 35px;
	height: 35px;
	background-color: transparent;
	display: inline-block;
	position: absolute;
	top: 2px;
	right: 10px;
	border-radius: 0px;
	box-shadow: none;
}

.DraggableLayerNoTitle
{
	height: 30px;
}



table.DraggableLayerSuccess
{
	box-shadow: 0px 2px 8px rgba(0,0,0,0.14) !important; /*make consistent with base draggable layer*/
}

table.DraggableLayerFailure
{
	box-shadow: 0px 2px 8px rgba(0,0,0,0.14) !important; /*make consistent with base draggable layer*/
}

table.DraggableLayerWarning
{
}

table.DraggableLayerSuccess a.DraggableLayerClose
{
	box-shadow: none !important;
}

table.DraggableLayerFailure a.DraggableLayerClose
{
	box-shadow: none !important;
}





/****************************************************************************
Metafuse Combo Box
***************************************************************************/

/* Main Combo Box CSS Code*/

div.MetafuseComboBox
{
	display: inline-block;
	position: relative;
	box-sizing: border-box;
}

input.MetafuseComboBox_TextInput
{
	width: 300px;
	padding-right: 40px;
}

div.MetafuseComboBoxArrow
{
	background-image: url('../../i/combobox-arrow.png');
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;
	width: 40px;
	height: 100%;
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	box-sizing: border-box;
	cursor: pointer;
}

div.MetafuseComboBoxArrowActive
{
	background-image: url('../../i/combobox-arrow-active.png');
}







table.MetafuseComboBox_Selected tr
{
	outline: none !important;
}





/*combo box layer stuff*/
div.MetafuseComboBox_Layer
{
	border-style:solid;
	border-width:1px;
	border-color:#B9BDC9;
	background-color:#ffffff;
	filter:progid:DXImageTransform.Microsoft.DropShadow(color=#999999,offx=2, offy=2);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,Direction=135, Strength=2);
	position:absolute;
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

	cursor: default;
	padding:0px !important;
	margin:0px !important;
}
table.MetafuseComboBox td.SelectedCell
{
	background-color:#ffffff;
	padding:0px !important;
}

div.MetafuseComboBox_Selected
{
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#ffffff;
	margin:0px !important;
	padding:0px !important;
	
	width:100%;
	border:solid 1px #E7E3EF;
	border-top:0px;	
	box-sizing:border-box;

}

table.MetafuseComboBox_Selected_Container
{
	background-color:#ffffff;
	margin:0px !important;
	padding:0px !important;
	width:100%;
	border:solid 1px #E7E3EF;
	border-top:0px;
	box-sizing:border-box;

}


div.MetafuseComboBox_Available
{
	padding:0px;
	margin:0px 0px 0px 0px;
	overflow-y:auto;
	overflow-x:hidden;

	width:100%;
	height:250px;
	box-sizing:border-box;
}

div.MetafuseComboBox_AvailableMultiple
{
	padding:0px;
	margin:0px 0px 0px 0px;
	overflow-y:auto;
	overflow-x:hidden;
	border-right:solid 1px #B9BDC9;
	border-collapse:collapse;
	width:50%;
	height:250px;
	min-height:275px;
	float:left;
	display:inline-block;
	box-sizing:border-box;

}

div.MetafuseComboBox_Pending
{
	padding:0px;
	margin:0px 0px 0px 0px;
	overflow-y:auto;
	overflow-x:hidden;
	border-left:solid 0px #B9BDC9;
	text-align:left;
	
	width:50%;
	height:250px;
	float:right;
}


div.MetafuseComboBox_TextBoxLabelDiv,
div.MetafuseTextBox_Div
{
	position: relative !important;
	box-sizing: border-box !important;
	margin-top:5px;
}






input.MetafuseTextBox_TextBoxWithLabel,
input.MetafuseComboBox_TextBoxWithLabel,
input.MetafuseTextBox_TextBoxWithLabel:focus,
input.MetafuseComboBox_TextBoxWithLabel:focus,
input.MetafuseTextBox_TextBoxWithLabel:hover,
input.MetafuseComboBox_TextBoxWithLabel:hover,
textarea.MetafuseTextBox_TextBoxWithLabel,
textarea.MetafuseTextBox_TextBoxWithLabel:focus,
textarea.MetafuseTextBox_TextBoxWithLabel:hover,
div.MetafuseKendoEditor_WithLabel,
div.MetafuseKendoEditor_WithLabel:focus,
div.MetafuseKendoEditor_WithLabel:hover,
div.MetafuseKendoDatePicker_WithLabel input.k-input,
div.MetafuseKendoDatePicker_WithLabel input.k-input:focus,
div.MetafuseKendoDatePicker_WithLabel input.k-input:hover
{
	margin: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	padding: 5px 5px 5px 12px !important;
	font-size: 1.25rem !important;
	line-height: 2.5 !important;
	color: #495057;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	transition: border-color ease-in-out .25s,box-shadow ease-in-out .25s;
	touch-action: manipulation;
	-webkit-box-shadow: none;
	box-shadow: none;
}

div.MetafuseKendoEditor_WithLabel,
div.MetafuseKendoEditor_WithLabel:focus,
div.MetafuseKendoEditor_WithLabel:hover,
div.MetafuseKendoDatePicker_WithLabel input.k-input,
div.MetafuseKendoDatePicker_WithLabel input.k-input:focus,
div.MetafuseKendoDatePicker_WithLabel input.k-input:hover
{
	padding: 5px 5px 5px 0px !important;
}

div.MetafuseKendoDatePicker_WithLabel span.k-icon
{
	margin-top:18px;
}


label.MetafuseTextBox_Label,
label.MetafuseComboBox_Label,
label.MetafuseKendoEditor_Label
{
	position: absolute;
	top: 0;
	padding: 6px 0px 0px 13px;
	transition: all 200ms;
	opacity: 0.5;
	display: inline-block;
	margin-bottom: .5rem;
	touch-action: manipulation;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
}

label.MetafuseKendoDatePicker_Label
{
	position: relative;
	top: 0;
	padding: 6px 0px 0px 13px;
	transition: all 200ms;
	opacity: 0.5;
	display: inline-block;
	margin-bottom: .5rem;
	touch-action: manipulation;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
}

label.MetafuseComboBox_Label
{
	left: 10px;
}

label.MetafuseKendoEditor_Label
{
	top: 7px;
	left: 20px;
}

label.MetafuseKendoDatePicker_Label
{
	top: -5px;
	left: -150px;
}

input.MetafuseComboBox_TextBoxWithLabel + label.MetafuseComboBox_Label,
input.MetafuseComboBox_TextBoxWithLabel + label.MetafuseComboBox_Label
{
	transition-delay: .25s;
}


input.MetafuseTextBox_TextBoxWithLabel + label.MetafuseTextBox_Label,
textarea.MetafuseTextBox_TextBoxWithLabel + label.MetafuseTextBox_Label
{
	color: #636563; /*PageFormLabelFontColor*/
	/*font-size: 90%;*/
	transform: translate3d(0, -55%, 0);
	opacity: 1;
	background-color: transparent;
	padding: 2px 4px 2px 4px;
	margin: 0px 0px 0px 11px;
	background-image: url("../../i/label-background.png");
	background-position-y: 7px;
	background-repeat: repeat-x;
	text-shadow: -2px -2px 8px #fff, 2px 2px 8px #ffffff, -2px 2px 8px #ffffff, 2px -2px 8px #ffffff;
}

input.MetafuseComboBox_TextBoxWithLabel + label.MetafuseComboBox_Label
{
	color:#636563;/*PageFormLabelFontColor*/
    /*font-size: 90%;*/
	transform: translate3d(0, -55%, 0);
	opacity: 1;
	background-color: transparent;
	padding: 2px 4px 2px 4px;
	margin: 0px 0px 0px 0px;
	background-image: url("../../i/label-background.png");
	background-position-y: 7px;
	background-repeat: repeat-x;
	text-shadow: -2px -2px 8px #ffffff, 2px 2px 8px #ffffff, -2px 2px 8px #ffffff, 2px -2px 8px #ffffff;
}

div.MetafuseKendoEditor_WithLabel label.MetafuseKendoEditor_Label
{
	color: #636563; /*PageFormLabelFontColor*/
	/*font-size: 90%;*/
	transform: translate3d(0, -55%, 0);
	opacity: 1;
	background-color: transparent;
	padding: 2px 4px 2px 4px;
	margin: 0px 0px 0px 0px;
	background-image: url("../../i/label-background.png");
	background-position-y: 9px;
	background-repeat: repeat-x;
	text-shadow: -2px -2px 8px #ffffff, 2px 2px 8px #ffffff, -2px 2px 8px #ffffff, 2px -2px 8px #ffffff;
}

div.MetafuseKendoDatePicker_WithLabel label.MetafuseKendoDatePicker_Label
{
	color: #636563; /*PageFormLabelFontColor*/
	/*font-size: 90%;*/
	transform: translate3d(0, -55%, 0);
	opacity: 1;
	background-color: transparent;
	padding: 2px 4px 2px 4px;
	margin: 0px 0px 0px 0px;
	background-image: url("../../i/label-background.png");
	background-position-y: 2px;
	background-repeat: repeat-x;
	text-shadow: -2px -2px 8px #fff, 2px 2px 8px #fff, -2px 2px 8px #fff, 2px -2px 8px #fff;
}

table.MetafuseComboBox_Table
{	
	border-collapse:collapse;
	width:100%;
}

table.MetafuseComboBox_Table td
{
	border:none;
	padding:5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

table.MetafuseComboBox_Selected
{
	width:100%;	
}



table.MetafuseComboBox_Selected td
{
	border:none;
	padding:4px !important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	border:none;
}


table.MetafuseComboBox_ComboBox
{
	border-collapse:collapse;
	border-spacing:0px;

}

/*outer options div*/
div.MetafuseComboBox_OptionsOuter
{
	background-color:#f5f4f4;
	padding:8px;
}
div.MetafuseComboBox_Options 
{
	text-align: right;
}
/* anchors in the options div need space between anchors*/
div.MetafuseComboBox_Options a 
{
	margin-right: 15px;
	
}
/* options form*/
div.MetafuseComboBox_OptionsForm
{
	
}








/*****************************************************************************
Accordion Control Style
******************************************************************************/



div.AccordionDivContainer
{
	padding-top:0px;
	min-width:980px;
	margin-top:15px;
	margin-bottom:15px;

}

table.FilterTable > tbody > tr > td > div.AccordionDivContainer 
{
	margin-top: 0px;
	margin-bottom: 0px;
}

div.AccordionDiv
{
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding: 10px;

	background-color:#f2f2f2;

	border-radius:4px;
	vertical-align:middle;
	
	
}

div.AccordionDivBody
{
	padding:4px;
	padding-bottom:10px;
    padding-top: 8px;
}
span.AccordionLabel
{
	vertical-align: middle;
	font-size: 1.15em;
	padding-left: 4px;
	color: #333333;
}


/*****************************************************************************
Dashboard Box Control Style
******************************************************************************/

div.Dashboard
{
	width:100%;
}

div.Dashboard > table > tbody > tr > td
{
	border:1px dashed #ffffff;
	height:100px !important;
	
}

div.DashboardDragging > table > tbody > tr > td
{
	border:1px dashed #cccccc;
	height:100px !important;

}

div.DashboardDragging > div
{
	border: 1px dashed #cccccc;
	width:248px;

}


table.DashboardBox
{
	border: 5px solid #E5E5E5;
	border-collapse: separate; /*need to change separate to get rounded corners to work*/
	border-radius: 10px;
}

th.DashboardBox
{
	cursor: move;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.5rem;
	padding: 0px 8px 8px 8px;
	vertical-align: middle;
	background-color: #E5E5E5;
	color: #969696;
}

table.DashboardBox tr:first-of-type th:first-of-type
{
	border-top-left-radius:5px;
}
table.DashboardBox tr:first-of-type th:last-of-type
{
	border-top-right-radius:5px;
}

td.DashboardBox
{
	padding:30px;
	


	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	

}

div.DashboardBox
{
	
	padding: 0px 10px 20px 10px;
}

.DashboardFilter
{
	vertical-align:middle !important;
	font-weight:normal !important;
}
.DashboardFilterSelected
{
	color:#636563 !important;/*de-emphasized*/
	vertical-align:middle !important;
	font-weight:normal !important;
	text-decoration:underline !important;
	
}
.DashboardFilterLast
{
	margin-right:30px !important;
}


table.NoDashboardBox
{
	border: 1px solid #f2f2f2 !important;
}

th.NoDashboardBox
{
	background-color: #f2f2f2 !important;
	padding-top:8px;
	padding-bottom:8px;
	
}

table.DashboardBoxNoBorder
{
	border: none !important;
}

th.DashboardBoxNoHeader
{
	display:none;
}



/**********************************************
Metafuse checkbox tree
**********************************************/
ul .MetafuseCheckBoxTree
{
	list-style: none;
}
input.MetafuseCheckBoxTreePartial
{
	background-color:Gray;
}

.MetafuseKendoEditor > div
{
	/*input border*/
	border: 1px solid rgba(0,0,0,.20) !important;
}
div.k-widget.k-window.k-window-titleless.k-editor-widget 
{
	margin-top:12px;
}
/******************
Context Help
*******************/
span.ContextHelp 
{
	cursor: default;
}
div.ContextHelp
{
	background-color: #71CF50;
	box-sizing: border-box;
	border-radius: 8px;
	min-width: 300px;
	box-sizing: border-box;
	box-shadow: 0px 4px 4px #71CF50;
}

div.ContextHelp > div
{
	background-color: rgba(255, 255, 255, 0.78);
	width: 100%;
	height: 100%;
	float: left;
	padding:20px 15px 20px 15px;

	border-radius: 8px;
	box-sizing:border-box;
}


/*
Ajax Loading Div
*/
div.AjaxLoadingDiv
{
	

	border: 1px solid #cccccc;
	
	background-color:#ffffff;
	background-image: url('../../i/processing.gif');
	background-repeat:no-repeat;
	background-position:center center;
	height:56px;
	width:56px;
	border-radius:4px;
	
	

	filter:progid:DXImageTransform.Microsoft.DropShadow(color=#999999,offx=2, offy=2);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,Direction=135, Strength=2);
	
	
	 
	 -moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
	 
	
	 border-collapse:separate;
	
	 
}

div.LoadingDiv
{
	background-color:#ffffff;
	background-image: url(../../i/processing.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:56px;
	width:56px;
	display: inline-block;

}


img.Val
{
	text-align:right;
	vertical-align:top;
	margin-left:5px;
	margin-right:5px;
	margin-top:4px;
}


div.OptionsForTable
{
	display: inline-block;
	box-sizing: border-box;
	padding-left:10px;
	padding-right: 10px;
	padding-top:3px;
}
.OptionsForTableDataList
{
	
	background-color: #f2f2f2;
	border-top-left-radius:3px;
	border-top-right-radius: 3px;
}

.OptionsForTableBottom
{
	display: inline-block;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	background-color: #f2f2f2;
}

.OptionsForTableDataListBottom
{
	background-color: #f2f2f2;
	border-bottom-left-radius:3px;
	border-bottom-right-radius: 3px;
}

/*Refresh Table (metafuse table)*/
div.RefreshTable
{
	color: red;
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
}
div.RefreshTable a
{
	color:red;
}
div.RefreshTable a:hover
{
	color:red;
	text-decoration:underline;
}
div.RefreshTable a:visited
{
	color:red;
}
div.RefreshTable a:active
{
	color:red;
}

/*ClearFilters (metafuse table)*/
div.ClearFilters
{
	color:red;
	display:inline-block;
	padding-right:10px;
	padding-left:10px;
}
div.ClearFilters a
{
	color:red;
}
div.ClearFilters a:hover
{
	color:red;
	text-decoration:underline;
}
div.ClearFilters a:visited
{
	color:red;
}
div.ClearFilters a:active
{
	color:red;
}

/*NOTE*/
.Note
{
	color:red;
	font-weight:600;
}

.Attn,
.Attn a
{
	color: red;
}

/*******************************************************************************************************************
Tab control
*******************************************************************************************************************/

div.tab
{
	width:100%;/*for now make 99% since it won't honor container*/
	white-space:nowrap;
	box-sizing:border-box;
}

div.tab-ul-div
{
	
	width:100%;
	white-space:nowrap;
	box-sizing:border-box;
}

ul.tab
{
	/*border-bottom:1px solid #b6b6b6;*/
	border-bottom:5px solid #f2f2f2;
	padding:0 4px;
	width:100%;
	list-style-type:none;
	list-style:none;
	margin-left:0px;
	margin-right:4px;
	display:inline-table;
	white-space:nowrap;
	box-sizing:border-box;
}
ul.tab li
{	
	background:#F5F5F5;
	border:2px solid #f5f2f2;
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	border-width:2px 2px 0px;
	margin-left:3px;
	margin-bottom:0px;
	white-space:nowrap;
	display:inline-block;/*inline block vs inline creates extra padding after element*/
	/* responsive design below */
	float:left; 
	margin-top:10px;
}

ul.tab li a
{
	display:inline-block;
	padding:5px 20px 3px;
	position:relative;
}

ul.tab li a:hover
{
	cursor:pointer;
}

ul.tab li.selected
{
	background:#fff;
	position:relative;
	/*border-color:#b6b6b6;*/
	border-color:#f2f2f2;
	margin-bottom:-5px;
	padding-bottom:7px;/*larger if inline-block, if inline then 1px*/
	font-weight:600;
	
}
ul.tab li.selected a
{
	color:#333
}

div.tab-body
{
	margin-top:20px;
	width:100%;
	white-space:normal;
	box-sizing:border-box;
}

/* Tab Vertical Layout */

div.tab-v
{
	width:100%;
	white-space:nowrap;
	border-left-width: 4px;
	border-left-style:none;
	border-left-color:#f2f2f2;
	display:inline-block;
	height:80%;
	min-height: 600px;
	
}

div.tab-v-ul-div
{
	float:left;
	white-space:nowrap;
	width:200px;
	height:100%;
	min-height:80%;
	display:inline-block;
	margin-right:20px;
}

ul.tab-v
{
	padding:10px 4px 0px 0px;
	width:100%;
	list-style-type:none;
	list-style:none;
	margin-left:0px;
	margin-right:10px;
	white-space:nowrap;
	display:inline-block;
	
}
ul.tab-v li
{	
	background:#f2f2f2;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:8px;
	white-space:nowrap;
	display:block;
	padding:4px 10px 4px 10px;

}

ul.tab-v li a
{
	padding:3px;
	position:relative;
	display:inline-block;
	width:100%;
}

ul.tab-v li a:hover
{
	cursor:pointer;
}

ul.tab-v li.selected
{
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 0px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-right: 0px;
	position: relative;
	background-color: #d8d8d7;
	border-color: #d8d8d7;
	font-weight: 600;
}



div.tab-v-body
{
	margin-top:10px;
	white-space:normal;
	display:inline-block;
	box-sizing:border-box;
}

div.tab-callout-body
{
	background-color:#fff;
}


/*******************************************************************************************************************
app installed
*******************************************************************************************************************/

div.pi-app-installed
{

	border-color:#f7f7f7;
	border-style:solid;
	border-width:1px;
	box-sizing:border-box;
	margin:20px;
	border-radius:3px;
	
}
div.pi-app-installed-title
{
	background-color:#f7f7f7;
	width:100%;
	box-sizing:border-box;
	padding:20px;
	cursor:pointer;

}
div.pi-app-installed-title > h2
{
	color:#000000;
}
div.pi-app-installed-disabled > div > h2
{
	color:#ccc;
}
div.pi-app-installed-body 
{
	padding:20px;
}
div.pi-app-installed-options
{
	width:100%;
	text-align:right;
	margin-top:35px;
	margin-bottom:20px;
}


/*******************************************************************************************************************
Info box
*******************************************************************************************************************/
div.info-box
{
	box-sizing:border-box;
	width:100%;
	margin-bottom:25px;
}

div.info-box-header 
{
	background-color: #f2f2f2;
	/*border: solid 1px #d3d3d3;*/
	border:none;
	border-left: none;
	border-right: none;
	box-sizing: border-box;
	width: 100%;
	cursor: pointer;

	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
}

/*
table.info-box
{
	margin-top:10px;
	width:100%;
	padding-top:8px;
	padding-bottom:4px;
}

tr.info-box
{
	cursor:pointer;
}

td.info-box-left
{
	width:20px;
	vertical-align:middle;
}

td.info-box-left hr
{
	width:20px;
	height:5px;
	color:#f5f2f2;
	background-color:#f2f2f2;
	border:0px;
}
td.info-box-text
{
	white-space:nowrap;
	padding-left:5px;
	padding-right:10px;
	font-size:14px;
	color:#636563;
}

td.info-box-right
{
	width:100%;
	vertical-align:middle;
}

td.info-box-right hr
{
	width:100%;
	height:5px;
	color:#f5f2f2;
	background-color:#f2f2f2;
	border:0px;
}

td.info-box-text a 
{
	font-size:14px;
	color:#636563;
}
	
td.info-box-text a:hover
{
	font-size:14px;
	color:#636563;
	text-decoration:underline;
}
*/

div.info-box-body
{
	padding-top:20px;
	padding-bottom:10px;
}

img.info-box-arrow
{
	width:20px;
	height:20px;
	vertical-align:middle;
	margin-right:20px;
}


span.info-box-count
{
	vertical-align:middle;
	font-weight:normal;	
	color:White;
	background-color:#636563;/*de-emphasized*/
	position:relative;
	top:-3px;
	right:-3px;
	z-index:2;
	border-radius:16px;
	padding:0px 3px 0px 3px;
	text-shadow:none;
	top: 0px;
}

div.PageSpanNavigator
{
	margin:5px;
}
div.PageSpanNavigator a
{
	 margin-left:5px;
	 margin-right:5px;
}
a.PageSpanNavigatorSelected
{
	font-weight:600;
	text-decoration:underline;
}

.16x16
{
	height:16px;
	width:16px;
}
.32x32
{
	height:32px;
	width:32px;
}


.glow
{
	
	overflow: hidden;
	vertical-align:middle;
	text-align:center;
	-webkit-transition-timing-function: cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
	-moz-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
	-ms-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
	-o-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
	transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
}


.glow:hover
{
	box-shadow: 0px 0px 10px 3px #f1d05f;
	-webkit-box-shadow: 0px 0px 10px 3px #f1d05f;
	-moz-box-shadow: 0px 0px 10px 3px #f1d05f;
	-o-box-shadow: 0px 0px 10px 3px #f1d05f;
}

.border-box
{
	box-sizing:border-box;
}
.table-cell
{
	display:table-cell;
}
.mobile
{
	display:none;
}


div.ColorPicker
{
	min-width:75px;
	min-height:20px;
}

/*******************************************************************************************************************
Comment Tags and Mentions
*******************************************************************************************************************/

img.pi-comment-img
{
    max-height:300px;
    max-width:300px;
}

img.pi-mention-img
{
	height:45px;
    width:45px;
	display:inline;
    vertical-align:middle;
	margin-right:7px;
}


a.responsive > img
{
	max-width: 95%;
}
img.responsive
{
	max-width:95%;
}

.img-responsive
{
	display: block;
	max-width: 100%;
	height: auto;
}




/*file upload behavior including toast********************************************/

div.drag-drop-files-zone 
{
	padding-top:15px;
	background-color:#f2f2f2;
	height:150px;
	box-sizing:border-box;
}
div.drag-drop-files-zone-drag-here-msg
{
	text-align:center;
}

div.file-upload-message
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}
div.file-upload-progress-wrap 
{
	margin-top: 6px;
	width: 100%;
	height: 15px;
	margin-top: 6px;
	overflow: hidden;
}
div.file-upload-progress-bar
{
	width: 3%;
	height: 15px;
	background-color: #7fbf76;
}

a.toast-file-upload-cancel
{
	float:right;
	margin-top:6px;
}



div.callout
{
	background-color:#f2f2f2;
	box-sizing:border-box;
	border-radius:3px;
}

div.callout-outline
{
	background-color: #ffffff;
	border: 6px solid #f2f2f2;
	box-sizing: border-box;
	border-radius: 3px;
}

th.callout 
{
	background-color: #f2f2f2;
}

td.callout 
{
	background-color: #f2f2f2;
}

div.pi-card
{
	display: inline-block;
	border: 2px solid #f2f2f2;
	position: relative;
	background-color: #f2f2f2;
	border-radius: 3px;
	max-width: 200px;
	width: 100%;
	height: 210px;
	overflow: hidden;
	padding: 15px;
	cursor: pointer;
	margin: 10px;
	box-sizing: border-box;
	text-align: center;
}

div.pi-card-taller
{
	height: 250px;
}


div.pi-card:hover 
{
	border-color: #999999;
}


div.pi-card > a 
{
	vertical-align: middle;
}

div.pi-card a 
{
	text-decoration: none;
}

div.pi-card > div > a 
{
	font-size: 24px;
}

div.pi-card > a > img
{
	height: 60px;
	width: 60px;
	margin-top: 40px;
	transition: all .2s ease-out;
}

div.pi-card > div > img
{
	height: 60px;
	width: 60px;
	margin-top: 30px;
}


div.pi-outline
{
	border: 2px solid #f2f2f2;
	border-radius: 3px;
	box-sizing: border-box;
	margin: 10px;
	padding: 15px;
}


div.pi-card-double 
{
	width: 420px;
	max-width: 100%;
}

div.pi-card-long 
{
	height: 300px;
}

div.pi-card-long > div > a > img 
{
	height: 50px;
}


a.pi-card-button 
{
	background-color: #6a97d6;
	border-color: #6a97d6;
	color: #fff;
	font-size: 1.1em !important;
	margin: 0px;
}


div.card-button 
{
	/*margin-top:41px;*/
	position: absolute;
	bottom: 6px;
	left: 30px;
	right: 30px;
}


div.pi-card-related-item
{
	display: inline-block;
	border: 2px solid #f2f2f2;
	position: relative;
	background-color: #f2f2f2;
	border-radius: 3px;
	width: 100%;
	max-width: 270px;
	height: 360px;
	overflow: hidden;
	padding: 5px;
	cursor: pointer;
	margin: 10px;
	box-sizing: border-box;
	text-align: center;
}


div.pi-card-related-item:hover
{
	border-color:#999999;
}

div.pi-card-related-item-options
{
	position:relative;
	bottom:70px;
	right:0px;
	display:none;
	text-align:right;
	background-color: rgba(255, 255, 255, 0.8);
	padding:10px 5px 10px 0px;
}

div.pi-card-related-item:hover div.pi-card-related-item-options
{
	display:block;
}

div.pi-card-related-item div.pi-card-related-item-image
{
	min-height:325px;
}

div.pi-card-related-item > a
{
	vertical-align:middle;
}

div.pi-card-related-item a
{
    text-decoration:none;
}

div.pi-card-related-item > div > a
{
	font-size:12px;
}

div.pi-card-related-item div.pi-card-related-item-image > a > img
{
	width: 250px;
	max-height: 320px;
	max-width: 100%;
}

div.pi-card-related-item-image-icon > a > img
{
	margin-top: 100px !important;
	max-width: 100px !important;
}



.thumbnail-responsive,
.thumbnail-responsive img
{
	width: 250px;
	max-height: 320px;
	max-width: 100%;
}

.thumbnail-responsive-icon img
{
	max-width: 100px !important;
}

.pi-preview-top-row
{
	width: 100% !important;
}

.pi-preview-image img
{
	margin-top: 20px;
	width: 100%;
	max-width: 800px;
	height:auto;
	border: 3px solid #eee;
}

.pi-preview-paging
{
	float: right;
	vertical-align: middle;
	text-align:right;
	/*position: relative;*/
	/*height: 20px;*/
}

.pi-preview-paging-prev,
.pi-preview-paging-next
{
	float: left;
	display: inline-block;
}

.pi-preview-paging-next a
{
	margin-right: 0px !important;
}

.pi-preview-paging-count
{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
	vertical-align: middle;
	float: right;
	display: inline-block;
}


.pi-preview-download-url input[type=text]
{
	width: 50%;
	max-width: 75%;
}


ul.pi-toggle-switch
{
	float: left;
	border-collapse: collapse;
}

ul.pi-toggle-switch li:first-child
{
	border-top-left-radius: 3px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 0px;
}

ul.pi-toggle-switch li:last-child
{
	border-top-left-radius: 0px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 3px;
}

ul.pi-toggle-switch li
{
	float: left;
	padding: 5px 12px 5px 12px;
	display: inline-block;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	font-weight: normal;
	text-decoration: none;
	font-size: 1.1em;
}

ul.pi-toggle-switch li:not(.pi-toggle-switch-selected)
{
	border-width: 1px;
	border-style: solid;
	border-color: #729ed7;/*PageButtonBackgroundColor*/
	color: #000;
	background: #fff;
	cursor: pointer;
}

ul.pi-toggle-switch li:hover:not(.pi-toggle-switch-selected)
{
	border-width: 1px;
	border-style: solid;
	border-color: #729ed7;/*PageButtonBackgroundColor*/
	color: #000;
	background: #f2f2f2;/*PageButtonBackgroundColorHover*/
	cursor: pointer;
}

ul.pi-toggle-switch li.pi-toggle-switch-selected
{
	background-color: #729ed7;/*PageButtonBackgroundColor*/
	border: 1px solid #729ed7;/*PageButtonBackgroundColor*/
	color: #fff;/*PageButtonFontColor*/
	cursor: default;
}



/***  Font Classes ****/
.pi-font-supersized
{
	font-size:8em;
}

.pi-font-large
{
	font-size: 3vw;
}

.pi-font-green
{
    color: #2E8B57;
}

.pi-font-red
{
	color: #E44545;
}


.pi-font-yellow 
{
	color: #FBC32B;
}

.pi-font-white 
{
    color: #ffffff;
}


/*green apple green*/
.pi-font-green, .font-success, .font-green
{
	color: #34c759 !important;
}

.bg-success, .bg-green
{
	background-color: #34c759 !important;
}



/*apple says we should use #ff3b30 */
.pi-font-red, .font-error, .font-red
{
	color: #E44545 !important;
}

.bg-failure,
.bg-error,
.bg-red
{
	background-color: #e44545 !important;
}

/*apple yellow*/
.pi-font-yellow, .font-warning, .font-yellow
{
	color: #ffcc00 !important;
}

.bg-warning, .bg-yellow
{
	background-color: rgba(255, 204, 0, .35) !important;
}

div.pi-caution
{
	background-color: rgba(255, 204, 0, .35) !important;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 5px;
}

div.rounded
{
	border-radius: 3px;
	padding: 5px;
}


.pi-icon-72
{
	width: 72px;
	height: 72px;
	box-sizing: border-box;
}

.pi-icon-32
{
	width: 32px;
	height: 32px;
	box-sizing: border-box;
}

.pi-flex-row
{
	display:flex;
	flex-direction: row;
}

.pi-card-outline
{
	border-width:2px;
	border-color:#EEEEEE;
	border-style:solid;
}

.pi-bottom-line
{
	border-bottom-width:2px;
	border-bottom-color:#EEEEEE;
	border-bottom-style:solid;
}
div.pi-more-menu
{
	position:relative;
}

a.pi-more-menu-active
{
	background-color: #e5e5e5;
}
div.pi-more-menu > ul > li > a
{
	color: #33363a !important;
	text-decoration:none !important;
	width:100%;
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}
div.pi-more-menu > div > a
{
	color: #33363a !important;
	text-decoration: none !important;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.pi-more-menu > a:first-child
{
	display: block;
}
div.pi-more-menu > ul, div.pi-more-menu > div
{
	background-color: #ffffff;
	border: 1px solid #f1f1f1;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);/*PageDropShadowColor*/
	box-sizing: border-box;
	position:absolute;
	z-index: 30000;
	margin: 0px;
	right: 0px;
	white-space:nowrap;
}
div.pi-more-menu > ul > li
{
	list-style-type:none;
	white-space:nowrap;
	padding:0px;
	margin:0px;
}

div.pi-more-menu > ul > li:hover
{
	background-color:#f1f1f1;
}
div.pi-more-menu > div > a:hover
{
	background-color:#f1f1f1;
}




div.approval-status-bar
{
	margin-top: 3px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #bbb;
	border-radius: 8px;
	padding: 10px 20px 10px 10px;
	text-align: left;
	font-weight:bold;
}

div.approval-status-bar,
div.approval-status-bar span,
div.approval-status-bar a#updateIsOpen_openCloseButton,
div.approval-status-bar a#approvalRequestUpdateIsOpen_openCloseButton
{
	color: #ffffff !important;
}

div.approval-status-pending
{
	/*height: 75px;*/
	/*line-height: 75px;*/
	/*border: 5px solid #ff9500;*/
	background-color: #ff9500;
}

div.approval-status-pending div:first-of-type
{
	/*font-size: 1.6rem !important;*/
}

/*div.approval-status-pending,
div.approval-status-pending span,
div.approval-status-pending a#approvalRequestStatus,
div.approval-status-pending a#updateIsOpen_openCloseButton,
div.approval-status-bar a#approvalRequestUpdateIsOpen_openCloseButton
{
	color: #ff9500 !important;
}

div.approval-status-pending a.Button
{
	border-color: transparent;
	background-color: #ffad3b;
}

div.approval-status-pending a.Button:hover
{
	border-color: transparent;
	background-color: #ff9500;
}*/

div.approval-status-approved
{
	background-color: #4cd964;
}

div.approval-status-denied
{
	background-color: #ff3130;
}

div.approver-photo-inactive
{
	opacity:0.5;
}

div.approver-photo-inactive:hover
{
	opacity:1;
}

div.speech-bubble
{
	position: relative;
	background: #fff;
	border: 2px solid #c1c1c1;
	border-radius: .4em;
	color:#000;
}

div.speech-bubble-top:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 25px solid transparent;
	border-bottom-color: #c1c1c1;
	border-top: 0;
	margin-left: -25px;
	margin-top: -25px;
}

div.speech-bubble-top:after
{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 25px solid transparent;
	border-bottom-color: #fff;
	border-top: 0;
	margin-left: -25px;
	margin-top: -22px;
}

div.speech-bubble-bottom:before
{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 25px solid transparent;
	border-top-color: #c1c1c1;
	border-bottom: 0;
	margin-left: -25px;
	margin-bottom: -25px;
}

div.speech-bubble-bottom:after
{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 25px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	margin-left: -25px;
	margin-bottom: -22px;
}

div.speech-bubble-right:before
{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 25px solid transparent;
	border-left-color: #c1c1c1;
	border-right: 0;
	margin-top: -25px;
	margin-right: -25px;
}

div.speech-bubble-right:after
{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 25px solid transparent;
	border-left-color: #fff;
	border-right: 0;
	margin-top: -25px;
	margin-right: -22px;
}

div.speech-bubble-left:before
{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 25px solid transparent;
	border-right-color: #c1c1c1;
	border-left: 0;
	margin-top: -25px;
	margin-left: -25px;
}

div.speech-bubble-left:after
{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 25px solid transparent;
	border-right-color: #fff;
	border-left: 0;
	margin-top: -25px;
	margin-left: -22px;
}
/*******************************************************************************************************************
Reports Home Cards
*******************************************************************************************************************/
.report-card {
    position: relative;
    text-align: center;
    width: 150px;
    background: #f2f2f2;
    padding: 10px 10px;
    border: 1px solid #999;
    margin: 10px;
    cursor: pointer;
}

.report-card.white {
    background: #fff;
}

.report-card .more-icon {
    position: absolute;
    right: 10px;
    top: 5px
}

.report-card img.report-icon {
    margin: 22px 10px 10px;
    width: 50px;
    height: 50px;
}

.report-card img.report-icon:hover {
    background: none;
}

.report-card img + a {
    display: block;
    margin-top: 5px;
    line-height: 1.5;
    color: #404040;
    text-decoration: none;
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.report-card.white span {
    height: 96px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.report-card.white a {
    display: block;
    line-height: 1.5;
    color: #404040;
    text-decoration: none;
}

.report-card.white img + a {
    height: 92px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.report-card-user-img {
    width: 32px;
    height: 32px;
    margin: 10px 0 5px 0;
    display: inline-block;
    vertical-align: middle;
}
.report-card-container {
    padding: 0px 20px;
}
/*List view*/
.report-card-container.report-list-view .report-card.white {
    width: calc(100% - 20px);
    margin: 0;
    border: none;
    border-bottom: 1px solid silver
}

.report-card-container.report-list-view .report-card.white img.report-icon {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0px 10px 0px;
}

.report-card-container.report-list-view .report-card.white img + a {
    height: 32px;
    margin-top: 10px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
}

.report-card-container.report-list-view .report-card.white .report-card-user-img {
    position: absolute;
    right: 72px;
    top: 6px
}

.report-card-container.report-list-view .report-card.white .more-icon {
    position: absolute;
    right: 10px;
    top: 18px
}