/*
/  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
{    
	background-color: #d3d3d3;
	background-image: url(images/homebg.png?v=1), -webkit-linear-gradient(#d3d3d3,#4d4d4d);
	background-image: url(images/homebg.png?v=1),    -moz-linear-gradient(#d3d3d3,#4d4d4d);
	background-image: url(images/homebg.png?v=1),     -ms-linear-gradient(#d3d3d3,#4d4d4d);
	background-image: url(images/homebg.png?v=1),      -o-linear-gradient(#d3d3d3,#4d4d4d);
	background-image: url(images/homebg.png?v=1),         linear-gradient(#d3d3d3,#4d4d4d);
	background-position: bottom right;
	background-size: 25% auto, cover;
}

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

#mainmenuPanel {
	background-color: #d3d3d3;
}

/* Page width overflow margins */
body.ui-overlay-a {
    background-color: #dddddd;
}

.banner {
    max-width: 800px;
}

/* round menu items text color */
.round .roundtext {
	color: #ffffff;
}
/* round menu items border color */
li.round .roundframe {
	border: 1px solid #001E60;
}


/*
/  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
{
	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
{
	height: 37px;
	width: 300px;
}

/* Digital ID Card */

.idCard {
    border: 1px solid #6e6e6e;
    padding: 10px;
    margin-bottom: 10px;
    clear: both;
    border-radius: 10px;
    background-color: #69813A;
    background-image: -webkit-linear-gradient(#A3D55D,#69813A);
    background-image: -moz-linear-gradient(#A3D55D,#69813A);
    background-image: -ms-linear-gradient(#A3D55D,#69813A);
    background-image: -o-linear-gradient(#A3D55D,#69813A);
    background-image: linear-gradient(#A3D55D, #69813A);
    box-shadow: 7px 7px #777777;
}

.idCardCustomTop {
    background-image: url("/m/ClientConfig/HtmlContent/Images/IDcardImage2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 280px;
    height: 60px;
}

.idCardDataSection {
    margin-bottom: 10px;
    background: #1A342C;
    padding: 4px 10px 10px 10px;
    border-radius: 5px;
}

.idCardData {
    font-weight: normal;
    color: #ffffff;
    font-size: 1.5em;
    margin-top: 0px;
    padding-top: 10px;
}

.idCardLabel {
    font-weight: normal;
    font-size: 1em;
    color: #ffffff;
    margin-top: 0px;
    padding-top: 0px;
}

.idCardBarCode img {
    width:100%;
}