/*
/  The following entries allow you to customize the home page of Jenzabar Mobile.
/  The logo at the top of the home page is an image named home_logo.png and resides
/  in the \ClientConfig\HtmlContent\Images directory.
/  Replace this image with your own of the same name.
*/

#homeScreen
{    
	text-align: center;
	background-color: #d3d3d3;
	background-image: url(images/homebg.png), -webkit-linear-gradient(#d3d3d3,#4d4d4d);
	background-image: url(images/homebg.png),    -moz-linear-gradient(#d3d3d3,#4d4d4d);
	background-image: url(images/homebg.png),     -ms-linear-gradient(#d3d3d3,#4d4d4d);
	background-image: url(images/homebg.png),      -o-linear-gradient(#d3d3d3,#4d4d4d);
	background-image: url(images/homebg.png),         linear-gradient(#d3d3d3,#4d4d4d);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 25% auto, cover;
}

#mainmenuPanel {
	text-align: center;
	background-color: #d3d3d3;
}

.backgroundImage
{
	background: url(images/homebg.png) bottom right no-repeat;
	width: 125px;
}

#homeLogo
{
	width: 220px;
	margin: 10px auto;
}

/*
/  The following entries allow you to customize the main logo that resides on all
/  Jenzabar Mobile pages (except the home page). The logo at the top of these pages
/  is an image named main_logo.png and resides in the \ClientConfig\HtmlContent\Images directory.
/  Replace this image with your own of the same name. Adjust the #mainlogo sizes and
/  the #gloval-nav height to match the update image size.
*/

#global-nav
{
	text-align: center;
	background-color: #d3d3d3;
	height: 37px;
	padding: 5px 5px 5px 5px;
	background-image: -webkit-linear-gradient(#d3d3d3,#d3d3d3);
	background-image:    -moz-linear-gradient(#d3d3d3,#d3d3d3);
	background-image:     -ms-linear-gradient(#d3d3d3,#d3d3d3);
	background-image:      -o-linear-gradient(#d3d3d3,#d3d3d3);
	background-image:         linear-gradient(#d3d3d3,#d3d3d3);
}

#mainlogo
{
	text-align: center;
	height: 37px;
	width: 300px;
}

/** Center Tiles (like Main Menu Tiles) **/

.center-largeicon {
	width: 128px;
	height: 128px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-radius: 16px;
}

.center-layout h2.headerText {
	font-weight: 600;
	margin-top: -48px;
	margin-bottom: 0px;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 12pt;
	position: relative;
	background-color: #ffffff;
  opacity: 0.75;
}

.center-mainIcon {
	border-radius: 8px;
	padding: 0px;
	margin-right: 8px;
}

.center-layout .borderRight {
	border-right: 0px;
}

.center-layout .ui-grid-a {
	margin-top: 8px;
	margin-bottom: 8px;
}

/** Colored Icons **/

.ui-color-icon .ui-icon-carat-l:after,
.ui-color-icon.ui-icon-carat-l:after 
{
	background-image: url(images/icons/carat-l-color.png);
}

.ui-color-icon .ui-icon-carat-r:after,
.ui-color-icon.ui-icon-carat-r:after 
{
	background-image: url(images/icons/carat-r-color.png);
}

.ui-color-icon .ui-icon-gear:after,
.ui-color-icon.ui-icon-gear:after 
{
	background-image: url(images/icons/gear-color.png);
}

.ui-color-icon .ui-icon-grid:after,
.ui-color-icon.ui-icon-grid:after
{
	background-image: url(images/icons/grid-color.png);
}

/* End Colored Icons */