/* exo-2-regular - latin */
@font-face {
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/exo-2-v5-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Exo 2'), local('Exo2-Regular'),
		url('../fonts/exo-2-v5-latin-regular.eot?#iefix')
		format('embedded-opentype'), /* IE6-IE8 */   
          url('../fonts/exo-2-v5-latin-regular.woff2') format('woff2'),
		/* Super Modern Browsers */   
          url('../fonts/exo-2-v5-latin-regular.woff') format('woff'),
		/* Modern Browsers */   
          url('../fonts/exo-2-v5-latin-regular.ttf') format('truetype'),
		/* Safari, Android, iOS */   
          url('../fonts/exo-2-v5-latin-regular.svg#Exo2') format('svg');
	/* Legacy iOS */
}

.TableAlgnment {
	margin-right: 0px !important;
	margin-left: 0px !important;
	margin-bottom: 5px !important;
	margin-top: 0px !important;
}

.MarginTop5 {
	margin-top: 5px;
}

.MarginTop10 {
	margin-top: 10px;
}

.MarginTop20 {
	margin-top: 20px;
}

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

.marginTop10 {
	margin-top: 10px;
}

.Margin5 {
	margin: 5px;
}

.PanelGridNegativeMargin {
	margin-left: -2px !important;
}

.PicAttachment {
	max-height: 20rem !important;
	min-height: 20rem !important;
}

.AccountProfile {
	max-height: 6rem !important;
	max-width: 6rem !important;
	min-height: 6rem !important;
	min-width: 6rem !important;
	border-radius: 50% !important;
}

.show-text-field-border {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 0px !important;
	margin-right: -5px;
	background-color: #FFF !important;
	color: black !important;
}

.Font8 {
	font-size: 8px !important;
}

.Font9 {
	font-size: 9px !important;
}

.Font10 {
	font-size: 10px !important;
}

.Font11 {
	font-size: 11px !important;
}

.Font12 {
	font-size: 12px !important;
}

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

.Font14 {
	font-size: 14px !important;
}

.Font15 {
	font-size: 15px !important;
}

.Font16 {
	font-size: 16px !important;
}

.Font17 {
	font-size: 17px !important;
}

.Font18 {
	font-size: 18px !important;
}

.Font19 {
	font-size: 19px !important;
}

.Font20 {
	font-size: 20px !important;
}

.font8 {
	font-size: 8px !important;
}

.font9 {
	font-size: 9px !important;
}

.font10 {
	font-size: 10px !important;
}

.font11 {
	font-size: 11px !important;
}

.font12 {
	font-size: 12px !important;
}

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

.font14 {
	font-size: 14px !important;
}

.font15 {
	font-size: 15px !important;
}

.font16 {
	font-size: 16px !important;
}

.font17 {
	font-size: 17px !important;
}

.font18 {
	font-size: 18px !important;
}

.font19 {
	font-size: 19px !important;
}

.font20 {
	font-size: 20px !important;
}

.Bold {
	font-weight: bold !important;
}

.bold {
	font-weight: bold !important;
}

.BordRad3 {
	border-radius: 0px;
}

.panelgridcolumns td {
	vertical-align: top;
}

.leftAlign {
	text-align: left !important;
}

.rightAlign {
	text-align: right !important;
}

.LeftAlign {
	text-align: left !important;
}

.RightAlign {
	text-align: right !important;
}

.FloatRight {
	float: right !important;
}

.centerAlign {
	text-align: center !important;
}

.centreAlign {
	text-align: center !important;
}

.CenterAlign {
	text-align: center !important;
}

.CentreAlign {
	text-align: center !important;
}

.red {
	color: red !important;
}

.blue {
	color: #03A9F4 !important;
}

.white {
	color: white !important;
}

.White {
	color: white !important;
}

.wheat-menu-item {
	background-color: whitesmoke;
	color: #150000 !important;
	padding-right: 10px;
	padding-left: 10px;
}

.Declaration {
	/* 	background-color: #c6f4f4 !important;
 */
	
}

.Equation {
	/* background-color: #c6f4f4  !important; */
	
}

.Result {
	background-color: #c6f4f4 !important;
}

.Red {
	color: red !important;
}

.Blue {
	color: blue !important;
}

.Black {
	color: black !important;
}

.underline {
	text-decoration: underline !important;
}

.Underline {
	text-decoration: underline !important;
}

.UnderLine {
	text-decoration: underline !important;
}

.smallButton {
	font-size: 11px !important;
	width: 238px;
	padding-top: 0px;
	border-radius: 0px !important;
	background-color: yellow !important;
	text-align: left;
}

.normalButton {
	font-size: 13px !important;
	text-align: left;
}

.hyperLink {
	color: blue !important;
	text-decoration: underline !important;
}

.fc-content   .fc-event {
	background-color: rgba(134, 153, 171, 0.06);
	border: 1px solid #D2505A;
}

.TexAlCenter {
	text-align: left;
}

.TexCenter {
	text-align: center !important;
}

.Wid100 {
	width: 100% !important;
}

.wid100 {
	width: 100% !important;
}

.wid95 {
	width: 95% !important;
}

.Wid95 {
	width: 95% !important;
}

.wid90 {
	width: 90% !important;
	float: left;
	box-sizing: border-box;
}

.wid85 {
	width: 85% !important;
	float: left;
	box-sizing: border-box;
}

.Wid90 {
	width: 90% !important;
}

.Wid80 {
	width: 80% !important;
}

.wid80 {
	width: 80% !important;
}

.Wid70 {
	width: 70% !important;
}

.wid70 {
	width: 70% !important;
}

.Wid74 {
	width: 74% !important;
}

.wid74 {
	width: 74% !important;
}

.wid3 {
	width: 3% !important;
	float: left;
	box-sizing: border-box;
}

.Wid3 {
	width: 3% !important;
}

.Wid75 {
	width: 75% !important;
}

.wid75 {
	width: 75% !important;
}

.Wid50 {
	width: 50% !important;
}

.wid50 {
	width: 50% !important;
}

.Wid47 {
	width: 47% !important;
}

.wid47 {
	width: 47% !important;
}

.Wid66 {
	width: 66% !important;
}

.wid66 {
	width: 66% !important;
}

.Wid25 {
	width: 25% !important;
}

.wid25 {
	width: 25% !important;
}

.Wid10 {
	width: 10% !important;
}

.wid10 {
	width: 10% !important;
}

.Wid12 {
	width: 12% !important;
}

.wid12 {
	width: 12% !important;
}

.Wid15 {
	width: 15% !important;
}

.wid15 {
	width: 15% !important;
}

.Wid20 {
	width: 20% !important;
}

.wid20 {
	width: 20% !important;
}

.Wid30 {
	width: 30% !important;
}

.wid30 {
	width: 30% !important;
}

.Wid35 {
	width: 35% !important;
}

.wid35 {
	width: 35% !important;
}

.Wid40 {
	width: 40% !important;
}

.wid40 {
	width: 40% !important;
}

.Wid50 {
	width: 50% !important;
}

.wid50 {
	width: 50% !important;
}

.Wid60 {
	width: 50% !important;
}

.wid60 {
	width: 50% !important;
}

.margin2 {
	margin: 2px !important;
}

.Margin2 {
	margin: 2px !important;
}

.margin5 {
	margin: 5px !important;
}

.Margin5 {
	margin: 5px !important;
}

.marginLeft3 {
	margin-left: 3px !important;
}

.NoWrap {
	white-space: nowrap;
}

.MarginLeft3 {
	margin-left: 3px !important;
}

.marginRight3 {
	margin-right: 3px !important;
}

.MarginRight3 {
	margin-right: 3px !important;
}

.marginLeft5 {
	margin-left: 5px !important;
}

.MarginLeft5 {
	margin-left: 5px !important;
}

.marginLeft10 {
	margin-left: 10px !important;
}

.MarginLeft10 {
	margin-left: 10px !important;
}

.marginLeft15 {
	margin-left: 15px !important;
}

.MarginLeft15 {
	margin-left: 15px !important;
}

.marginLeft20 {
	margin-left: 20px !important;
}

.MarginLeft20 {
	margin-left: 20px !important;
}

.MarginBottom5 {
	margin-bottom: 5px !important;
}

.login-body {
	background-color: #f5f5f5;
	padding-top: 200px;
	height: auto;
	background:
		url("")
		no-repeat;
	background-position: 0 -100px;
}

.login-body .login-panel {
	background-color: #ffffff;
	width: 400px;
	margin: 0 auto;
	padding-bottom: 20px;
	-webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
		rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
		rgba(0, 0, 0, 0.19);
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
		rgba(0, 0, 0, 0.19);
}

.login-body .login-panel .login-header {
	margin-bottom: 30px;
	background-color: #03A9F4;
	color: #BBDEFB;
	position: relative;
}

.login-body .login-panel .login-header h1 {
	font-size: 18px;
	font-weight: 700;
}

.login-body .login-panel .login-header h2 {
	font-size: 13px;
	font-weight: normal;
	margin-top: 0;
}

.login-body .login-panel .login-header img {
	width: 64px;
	position: absolute;
	top: 24px;
	right: 30px;
}

.login-body .login-panel .login-header.ui-g-12 {
	padding: 20px 30px;
}

.login-body .login-panel .ui-g-12 {
	padding: 20px 70px;
}

@media ( min-width : 1441px) {
	.login-body {
		background-size: contain;
	}
}

@media ( max-width : 640px) {
	.login-body {
		padding-top: 150px;
	}
	.login-body .login-panel {
		width: 300px;
	}
	.login-body .login-panel .ui-g-12 {
		padding: 20px 35px;
	}
}

.exception-body {
	background-color: #f5f5f5;
	padding-top: 200px;
	height: auto;
	background-size: contain;
}

.exception-body * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.exception-body .exception-panel {
	background-color: #ffffff;
	width: 400px;
	height: 323px;
	margin: 0 auto;
	padding-bottom: 20px;
	-webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
		rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
		rgba(0, 0, 0, 0.19);
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0
		rgba(0, 0, 0, 0.19);
}

.exception-body .exception-panel .ui-button {
	background-color: #ffffff;
	display: block;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	margin: 100px 0 0 30px;
}

.exception-body .exception-panel .ui-button.ui-state-hover {
	background-color: #e8e8e8;
	color: #000000;
}

.exception-body .exception-band {
	height: 80px;
	margin-top: -160px;
	z-index: 1000;
}

.exception-body .exception-band .exception-content {
	margin: 0 auto;
	width: 400px;
	position: relative;
	padding: 15px 30px;
}

.exception-body .exception-band .exception-content h1 {
	padding: 0;
	margin: 0;
}

.exception-body .exception-band .exception-content p {
	padding: 0;
	margin: 0;
}

.exception-body .exception-band .exception-content img {
	position: absolute;
	width: 48px;
	right: 30px;
	top: 16px;
}

.exception-body.error-body {
	background:
		url("")
		no-repeat 0 -100px;
}

.exception-body.error-body .exception-panel img {
	width: 100%;
}

.exception-body.error-body .exception-panel .ui-button {
	color: #f44336;
}

.exception-body.error-body .exception-panel .ui-button.ui-state-hover {
	background-color: #e8e8e8;
	color: #000000;
	color: #f44336;
}

.exception-body.error-body .exception-band {
	background-color: #f44336;
}

.exception-body.error-body .exception-band .exception-content {
	color: #ffebee;
}

.exception-body.pagenotfound-body {
	background:
		url("")
		no-repeat 0 -100px;
}

.exception-body.pagenotfound-body .exception-panel img {
	width: 200px;
	margin: 0 auto;
	display: block;
	position: relative;
	top: 4px;
}

.exception-body.pagenotfound-body .exception-panel .ui-button {
	color: #00796b;
	margin-top: 105px;
}

.exception-body.pagenotfound-body .exception-panel .ui-button.ui-state-hover
	{
	background-color: #e8e8e8;
	color: #000000;
	color: #00796b;
}

.exception-body.pagenotfound-body .exception-band {
	background-color: #00796b;
}

.exception-body.pagenotfound-body .exception-band .exception-content {
	color: #b2dfdb;
}

.exception-body.accessdenied-body {
	background:
		url("")
		no-repeat 0 -100px;
}

.exception-body.accessdenied-body .exception-panel img {
	width: 300px;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 6px;
}

.exception-body.accessdenied-body .exception-panel .ui-button {
	color: #f57c00;
	margin-top: 110px;
}

.exception-body.accessdenied-body .exception-panel .ui-button.ui-state-hover
	{
	background-color: #e8e8e8;
	color: #000000;
	color: #f57c00;
}

.exception-body.accessdenied-body .exception-band {
	background-color: #f57c00;
}

.exception-body.accessdenied-body .exception-band .exception-content {
	color: #ffe0b2;
}

@media ( min-width : 1441px) {
	.exception-body {
		background-size: contain !important;
	}
}

@media ( max-width : 640px) {
	.exception-body .exception-panel {
		width: 350px;
	}
	.exception-body .exception-band {
		margin-top: -180px;
	}
	.exception-body .exception-band .exception-content img {
		right: 48px;
	}
	.exception-body.error-body .exception-panel .ui-button {
		margin-top: 111px;
	}
	.exception-body.pagenotfound-body .exception-panel img {
		width: 175px;
	}
	.exception-body.pagenotfound-body .exception-panel .ui-button {
		margin-top: 117px;
	}
	.exception-body.accessdenied-body .exception-panel img {
		width: 262px;
	}
	.exception-body.accessdenied-body .exception-panel .ui-button {
		margin-top: 120px;
	}
}

@media ( max-width : 480px) {
	.exception-body .exception-band .exception-content {
		width: 350px;
		padding: 15px 10px;
	}
	.exception-body .exception-band .exception-content img {
		right: 24px;
	}
}

.landing-body .landing-wrapper #header .pre-header {
	/* background: #0665c4 !important; */
	/* background-color: #03A9F4;
	background: linear-gradient(to right, #1942d2, #903a99, #993a55, #03A9F4)
		!important; 
	background: linear-gradient(to right, #1942d2, #903a99, #993a55, #1976d2)
		!important;*/
		
		background-color: #C69503;
			background: linear-gradient(to right, #1942d2, #243bb5,   #bb3e62, #cf2e2e) !important;
	
	height: 100px;
	-moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3);
	z-index: 100;
	width: 100%;
	position: relative;
}

.landing-body .landing-wrapper #header .pre-header .pre-header-content {
	margin: 0 auto;
	padding: 15px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.landing-body .landing-wrapper #header .pre-header .pre-header-content #menu-button
	{
	display: none;
	color: #BBDEFB;
	font-size: 36px;
	float: right;
	margin-top: 15px;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.landing-body .landing-wrapper #header .pre-header .pre-header-content #menu-button:hover
	{
	color: #E3F2FD;
}

.landing-body .landing-wrapper #header .pre-header .pre-header-content .landing-logo
	{
	width: 70px;
	margin-right: 20px;
}

.landing-body .landing-wrapper #header .pre-header .pre-header-content img
	{
	display: inline-block;
	vertical-align: middle;
}

.landing-body .landing-wrapper #header .pre-header .pre-header-content #menu
	{
	list-style-type: none;
	float: right;
	margin: 25px 0 0 0;
	padding: 0;
}

.landing-body .landing-wrapper #header .pre-header .pre-header-content #menu li
	{
	float: left;
	padding-right: 12px;
}

.landing-body .landing-wrapper #header .pre-header .pre-header-content #menu li a
	{
	font-size: 13px;
	font-weight: 600;
	padding: 8px 14px;
	color: #BBDEFB;
	border-bottom: 1px solid transparent;
	-moz-transition: border-bottom-color 0.3s;
	-o-transition: border-bottom-color 0.3s;
	-webkit-transition: border-bottom-color 0.3s;
	transition: border-bottom-color 0.3s;
}

.landing-body .landing-wrapper #header .pre-header .pre-header-content #menu li a:hover
	{
	border-bottom-color: #BBDEFB;
}

.landing-body .landing-wrapper #header .header-content {
	height: 250px;
	text-align: center;
	background:
		url("")
		no-repeat #2196F3;
	background-size: cover;
	padding: 150px 15px 0 15px;
}

.landing-body .landing-wrapper #header .header-content h1 {
	margin: 0;
	color: #ffffff;
	font-size: 22px;
}

.landing-body .landing-wrapper #header .header-content h2 {
	margin: 10px 0 0 0;
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 50px;
	opacity: 0.8;
	filter: alpha(opacity =     80);
}

.landing-body .landing-wrapper #features {
	background: #f5f5f5;
}

.landing-body .landing-wrapper #features .features-content {
	text-align: center;
	width: 960px;
	margin: 0 auto;
	padding: 60px 0;
}

.landing-body .landing-wrapper #features .features-content h2 {
	margin: 0 0 60px 0;
	font-size: 20px;
	color: #424242;
}

.landing-body .landing-wrapper #features .features-content h3 {
	color: #424242;
	padding-bottom: 8px;
	border-bottom: 1px solid #d8d8d8;
}

.landing-body .landing-wrapper #features .features-content p {
	color: #757575;
	line-height: 1.5;
}

.landing-body .landing-wrapper #features .features-content img {
	height: 90px;
}

.landing-body .landing-wrapper #showcase {
	background: #f5f5f5;
}

.landing-body .landing-wrapper #showcase .showcase-header {
	background: #f5f5f5;
	text-align: center;
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}

.landing-body .landing-wrapper #showcase .showcase-header .showcase-title
	{
	color: #000;
	text-align: center;
	margin-bottom: 5px;
	display: block;
	font-weight: 700;
	font-size: 16px;
}

.landing-body .landing-wrapper #showcase .showcase-header .showcase-description
	{
	color: #bdbdbd;
	display: block;
}

.landing-body .landing-wrapper #showcase .showcase-header .ui-g-12:last-child
	{
	text-align: right;
}

.landing-body .landing-wrapper #showcase .showcase-header .ui-g-12:last-child .ui-button
	{
	display: inline-block;
	margin-top: 5px;
}

.landing-body .landing-wrapper #showcase-content-wrapper {
	background-color: #f5f5f5;
	position: relative;
	height: 530px;
	overflow: hidden;
}

.landing-body .landing-wrapper #showcase-content-wrapper .showcase-content
	{
	width: 960px;
	margin: 0 auto;
	padding: 200px 0 0 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.landing-body .landing-wrapper #showcase-content-wrapper .showcase-content h2
	{
	margin: 0;
	padding: 0;
	color: #2d353c;
	font-size: 22px;
	margin: 0 auto;
}

.landing-body .landing-wrapper #showcase-content-wrapper .showcase-content p
	{
	color: #757575;
	width: 400px;
	line-height: 1.5;
}

.landing-body .landing-wrapper #showcase-content-wrapper img {
	position: absolute;
	right: 0px;
	top: 40px;
	width: 600px;
}

.landing-body .landing-wrapper #sign-up {
	background-color: #ffffff;
	-webkit-box-shadow: inset 0 4px 22px 0 rgba(0, 0, 0, 0.14);
	-moz-box-shadow: inset 0 4px 22px 0 rgba(0, 0, 0, 0.14);
	box-shadow: inset 0 4px 22px 0 rgba(0, 0, 0, 0.14);
}

.landing-body .landing-wrapper #sign-up .sign-up-content {
	text-align: center;
	width: 960px;
	margin: 0 auto;
	padding: 60px 0;
}

.landing-body .landing-wrapper #sign-up .sign-up-content h2 {
	margin: 0 0 60px 0;
	font-size: 20px;
	color: #424242;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box {
	display: inline-block;
	vertical-align: top;
	width: 460px;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box .sign-up-header
	{
	font-size: 18px;
	padding: 12px 18px;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box .sign-up-header h3
	{
	margin: 0;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box .sign-up-header p
	{
	margin: 0;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box .sign-up-header .ui-g-6:first-child
	{
	text-align: left;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box .sign-up-header .ui-g-6:last-child
	{
	text-align: right;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box .sign-up-features
	{
	min-height: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box .sign-up-footer
	{
	padding: 10px;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box .sign-up-footer a
	{
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic
	{
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic .sign-up-header
	{
	background-color: #ffffff;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic .sign-up-header h3
	{
	color: #424242;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic .sign-up-header p
	{
	color: #bdbdbd;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic .sign-up-features
	{
	background-color: #f5f5f5;
	padding: 12px;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic .sign-up-features .ui-g-12
	{
	padding: 12px;
	text-align: left;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic .sign-up-features .sign-up-feature-icon
	{
	background-color: #2196F3;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	color: #BBDEFB;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 8px;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic .sign-up-features .sign-up-feature-icon i
	{
	line-height: inherit;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic .sign-up-features .sign-up-feature-text
	{
	color: #2d353c;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic .sign-up-footer
	{
	background-color: #03A9F4;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic .sign-up-footer a
	{
	color: #BBDEFB;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic .sign-up-footer a:hover
	{
	color: #E3F2FD;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro
	{
	margin-left: 10px;
	z-index: 2;
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro .sign-up-header
	{
	background-color: #000000;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro .sign-up-header h3
	{
	color: #ffffff;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro .sign-up-header p
	{
	color: #bdbdbd;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro .sign-up-features
	{
	background-color: #757575;
	padding: 12px;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro .sign-up-features .ui-g-12
	{
	padding: 10px;
	text-align: left;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro .sign-up-features .sign-up-feature-icon
	{
	background-color: #ffffff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	color: #424242;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 8px;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro .sign-up-features .sign-up-feature-icon i
	{
	line-height: inherit;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro .sign-up-features .sign-up-feature-text
	{
	color: #ffffff;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro .sign-up-footer
	{
	background-color: #ffffff;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro .sign-up-footer a
	{
	color: #424242;
}

.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro .sign-up-footer a:hover
	{
	color: #757575;
}

.landing-body .landing-wrapper #contact-us {
	background-color: #ffffff;
	-webkit-box-shadow: inset 0 4px 22px 0 rgba(0, 0, 0, 0.14);
	-moz-box-shadow: inset 0 4px 22px 0 rgba(0, 0, 0, 0.14);
	box-shadow: inset 0 4px 22px 0 rgba(0, 0, 0, 0.14);
}

.landing-body .landing-wrapper #contact-us .contact-us-content {
	text-align: center;
	width: 960px;
	margin: 0 auto;
	padding: 60px 0;
}

.landing-body .landing-wrapper #contact-us .contact-us-content h2 {
	margin: 0 0 60px 0;
	font-size: 20px;
	color: #424242;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box
	{
	display: inline-block;
	vertical-align: top;
	width: 460px;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box .contact-us-header
	{
	font-size: 18px;
	padding: 24px 18px;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box .contact-us-header h3
	{
	margin: 0;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box .contact-us-header p
	{
	margin: 0;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box .contact-us-header .ui-g-6:first-child
	{
	text-align: left;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box .contact-us-header .ui-g-6:last-child
	{
	text-align: right;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box .contact-us-features
	{
	min-height: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box .contact-us-footer
	{
	padding: 10px;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box .contact-us-footer a
	{
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic
	{
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic .contact-us-header
	{
	background-color: #ffffff;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic .contact-us-header h3
	{
	color: #424242;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic .contact-us-header p
	{
	color: #bdbdbd;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic .contact-us-features
	{
	background-color: #f5f5f5;
	padding: 20px;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic .contact-us-features .ui-g-12
	{
	padding: 24px;
	text-align: left;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic .contact-us-features .contact-us-feature-icon
	{
	background-color: #2196F3;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	color: #BBDEFB;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 8px;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic .contact-us-features .contact-us-feature-icon i
	{
	line-height: inherit;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic .contact-us-features .contact-us-feature-text
	{
	color: #2d353c;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic .contact-us-footer
	{
	background-color: #03A9F4;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic .contact-us-footer a
	{
	color: #BBDEFB;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic .contact-us-footer a:hover
	{
	color: #E3F2FD;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro
	{
	margin-left: 10px;
	z-index: 2;
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro .contact-us-header
	{
	background-color: #000000;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro .contact-us-header h3
	{
	color: #ffffff;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro .contact-us-header p
	{
	color: #bdbdbd;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro .contact-us-features
	{
	background-color: #757575;
	padding: 20px;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro .contact-us-features .ui-g-12
	{
	padding: 10px;
	text-align: left;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro .contact-us-features .contact-us-feature-icon
	{
	background-color: #ffffff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	color: #424242;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 8px;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro .contact-us-features .contact-us-feature-icon i
	{
	line-height: inherit;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro .contact-us-features .contact-us-feature-text
	{
	color: #ffffff;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro .contact-us-footer
	{
	background-color: #ffffff;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro .contact-us-footer a
	{
	color: #424242;
}

.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro .contact-us-footer a:hover
	{
	color: #757575;
}

.landing-body .landing-wrapper #introduction {
	background-color: #ffffff;
	-webkit-box-shadow: inset 0 4px 22px 0 rgba(0, 0, 0, 0.14);
	-moz-box-shadow: inset 0 4px 22px 0 rgba(0, 0, 0, 0.14);
	box-shadow: inset 0 4px 22px 0 rgba(0, 0, 0, 0.14);
}

.landing-body .landing-wrapper #introduction .introduction-content {
	text-align: center;
	width: 960px;
	margin: 0 auto;
	padding: 60px 0;
}

.landing-body .landing-wrapper #introduction .introduction-content h2 {
	margin: 0 0 60px 0;
	font-size: 20px;
	color: #424242;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box
	{
	display: inline-block;
	vertical-align: top;
	width: 460px;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box .introduction-header
	{
	font-size: 18px;
	padding: 24px 18px;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box .introduction-header h3
	{
	margin: 0;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box .introduction-header p
	{
	margin: 0;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box .introduction-header .ui-g-6:first-child
	{
	text-align: left;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box .introduction-header .ui-g-6:last-child
	{
	text-align: right;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box .introduction-features
	{
	min-height: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box .introduction-footer
	{
	padding: 10px;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box .introduction-footer a
	{
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic
	{
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic .introduction-header
	{
	background-color: #ffffff;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic .introduction-header h3
	{
	color: #424242;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic .introduction-header p
	{
	color: #bdbdbd;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic .introduction-features
	{
	background-color: #f5f5f5;
	padding: 20px;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic .introduction-features .ui-g-12
	{
	padding: 24px;
	text-align: left;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic .introduction-features .introduction-feature-icon
	{
	background-color: #2196F3;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	color: #BBDEFB;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 8px;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic .introduction-features .introduction-feature-icon i
	{
	line-height: inherit;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic .introduction-features .introduction-feature-text
	{
	color: #2d353c;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic .introduction-footer
	{
	background-color: #03A9F4;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic .introduction-footer a
	{
	color: #BBDEFB;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic .introduction-footer a:hover
	{
	color: #E3F2FD;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro
	{
	margin-left: 10px;
	z-index: 2;
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro .introduction-header
	{
	background-color: #000000;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro .introduction-header h3
	{
	color: #ffffff;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro .introduction-header p
	{
	color: #bdbdbd;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro .introduction-features
	{
	background-color: #757575;
	padding: 20px;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro .introduction-features .ui-g-12
	{
	padding: 10px;
	text-align: left;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro .introduction-features .introduction-feature-icon
	{
	background-color: #ffffff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	color: #424242;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 8px;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro .introduction-features .introduction-feature-icon i
	{
	line-height: inherit;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro .introduction-features .introduction-feature-text
	{
	color: #ffffff;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro .introduction-footer
	{
	background-color: #ffffff;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro .introduction-footer a
	{
	color: #424242;
}

.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro .introduction-footer a:hover
	{
	color: #757575;
}

.landing-body .landing-wrapper #pricing {
	background-color: #ffffff;
	-webkit-box-shadow: inset 0 4px 22px 0 rgba(0, 0, 0, 0.14);
	-moz-box-shadow: inset 0 4px 22px 0 rgba(0, 0, 0, 0.14);
	box-shadow: inset 0 4px 22px 0 rgba(0, 0, 0, 0.14);
}

.landing-body .landing-wrapper #pricing .pricing-content {
	text-align: center;
	width: 960px;
	margin: 0 auto;
	padding: 60px 0;
}

.landing-body .landing-wrapper #pricing .pricing-content h2 {
	margin: 0 0 60px 0;
	font-size: 20px;
	color: #424242;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box {
	display: inline-block;
	vertical-align: top;
	width: 460px;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box .pricing-header
	{
	font-size: 18px;
	padding: 24px 18px;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box .pricing-header h3
	{
	margin: 0;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box .pricing-header p
	{
	margin: 0;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box .pricing-header .ui-g-6:first-child
	{
	text-align: left;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box .pricing-header .ui-g-6:last-child
	{
	text-align: right;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box .pricing-features
	{
	min-height: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box .pricing-footer
	{
	padding: 10px;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box .pricing-footer a
	{
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic
	{
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic .pricing-header
	{
	background-color: #ffffff;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic .pricing-header h3
	{
	color: #424242;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic .pricing-header p
	{
	color: #bdbdbd;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic .pricing-features
	{
	background-color: #f5f5f5;
	padding: 20px;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic .pricing-features .ui-g-12
	{
	padding: 24px;
	text-align: left;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic .pricing-features .pricing-feature-icon
	{
	background-color: #2196F3;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	color: #BBDEFB;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 8px;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic .pricing-features .pricing-feature-icon i
	{
	line-height: inherit;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic .pricing-features .pricing-feature-text
	{
	color: #2d353c;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic .pricing-footer
	{
	background-color: #03A9F4;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic .pricing-footer a
	{
	color: #BBDEFB;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic .pricing-footer a:hover
	{
	color: #E3F2FD;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro
	{
	margin-left: 10px;
	z-index: 2;
	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
		rgba(0, 0, 0, 0.2);
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro .pricing-header
	{
	background-color: #000000;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro .pricing-header h3
	{
	color: #ffffff;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro .pricing-header p
	{
	color: #bdbdbd;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro .pricing-features
	{
	background-color: #757575;
	padding: 20px;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro .pricing-features .ui-g-12
	{
	padding: 10px;
	text-align: left;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro .pricing-features .pricing-feature-icon
	{
	background-color: #ffffff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	color: #424242;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 8px;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro .pricing-features .pricing-feature-icon i
	{
	line-height: inherit;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro .pricing-features .pricing-feature-text
	{
	color: #ffffff;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro .pricing-footer
	{
	background-color: #ffffff;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro .pricing-footer a
	{
	color: #424242;
}

.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro .pricing-footer a:hover
	{
	color: #757575;
}

.landing-body .landing-wrapper #about_us {
	background-color: #000;
}

.landing-body .landing-wrapper #about_us .about_us-content {
	text-align: center;
	width: 960px;
	margin: 0 auto;
	padding: 60px 0;
}

.landing-body .landing-wrapper #about_us .about_us-content h2 {
	margin: 0 0 40px 0;
	font-size: 20px;
	color: #bdbdbd;
}

.landing-body .landing-wrapper #about_us .about_us-content h3 {
	font-size: 18px;
	color: #bdbdbd;
	font-weight: plain !important;
}

.landing-body .landing-wrapper #footer {
	background-color: #f5f5f5;
}

.landing-body .landing-wrapper #footer .footer-content {
	width: 960px;
	margin: 0 auto;
	color: #424242;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.landing-body .landing-wrapper #footer .footer-content img {
	width: 30px;
	display: block;
	margin-bottom: 5px;
}

.landing-body .landing-wrapper #footer .footer-content div {
	display: inline-block;
}

.landing-body .landing-wrapper #footer .footer-content .footer-left {
	float: left;
}

.landing-body .landing-wrapper #footer .footer-content .footer-right {
	float: right;
	font-size: 24px;
	margin-top: 6px;
}

.landing-body .landing-wrapper #footer .footer-content .footer-right a {
	color: #424242;
	margin-left: 24px;
}

.Link-Separator {
	border-right: solid 1px !important;
	height: 20px;
	margin-left: 3px;
	margin-right: 3px;
	color: blue !important;
}

@media ( max-width : 1024px) {
	.landing-body .landing-wrapper #header .pre-header .pre-header-content {
		width: 100%;
	}
	.landing-body .landing-wrapper #header .pre-header .pre-header-content #menu-button
		{
		display: block;
	}
	.landing-body .landing-wrapper #header .pre-header .pre-header-content #menu
		{
		z-index: 100;
		position: absolute;
		top: 100px;
		right: 30px;
		float: none;
		display: none;
		margin: 0;
		padding: 0;
		width: 225px;
		list-style: none;
		background-color: #ffffff;
		-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0
			rgba(0, 0, 0, 0.2);
		-webkit-animation-duration: .5s;
		-moz-animation-duration: .5s;
		animation-duration: .5s;
	}
	.landing-body .landing-wrapper #header .pre-header .pre-header-content #menu li
		{
		float: none;
		margin-left: 0;
		padding-right: 0;
	}
	.landing-body .landing-wrapper #header .pre-header .pre-header-content #menu li a
		{
		font-size: 16px;
		display: block;
		padding: 10px 16px;
		color: #424242;
		width: 100%;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-transition: background-color 0.3s;
		-o-transition: background-color 0.3s;
		-webkit-transition: background-color 0.3s;
		transition: background-color 0.3s;
	}
	.landing-body .landing-wrapper #header .pre-header .pre-header-content #menu li a:hover
		{
		background-color: #e8e8e8;
	}
	.landing-body .landing-wrapper #header .pre-header .pre-header-content #menu.lmenu-active
		{
		display: block;
	}
	.landing-body .landing-wrapper #features .features-content {
		width: 100%;
	}
	.landing-body .landing-wrapper #showcase .showcase-header {
		width: 100%;
	}
	.landing-body .landing-wrapper #showcase-content-wrapper {
		height: 350px;
	}
	.landing-body .landing-wrapper #showcase-content-wrapper .showcase-content
		{
		width: 100%;
		text-align: center;
		padding: 60px 15px 0px 15px;
	}
	.landing-body .landing-wrapper #showcase-content-wrapper .showcase-content p
		{
		width: auto;
	}
	.landing-body .landing-wrapper #showcase-content-wrapper img {
		position: absolute;
		right: 0px;
		top: 200px;
		width: 200px;
	}
	.landing-body .landing-wrapper #introduction .introduction-content {
		width: 100%;
	}
	.landing-body .landing-wrapper #introduction .introduction-content .introduction-box
		{
		width: 100%;
	}
	.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-basic
		{
		margin-bottom: 36px;
	}
	.landing-body .landing-wrapper #introduction .introduction-content .introduction-box.introduction-pro
		{
		margin-left: 0;
	}
	.landing-body .landing-wrapper #pricing .pricing-content {
		width: 100%;
	}
	.landing-body .landing-wrapper #pricing .pricing-content .pricing-box {
		width: 100%;
	}
	.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-basic
		{
		margin-bottom: 36px;
	}
	.landing-body .landing-wrapper #pricing .pricing-content .pricing-box.pricing-pro
		{
		margin-left: 0;
	}
	.landing-body .landing-wrapper #about_us .about_us-content {
		width: 100%;
	}
	.landing-body .landing-wrapper #about_us .about_us-content iframe {
		width: 350px;
		height: 220px;
	}
	.landing-body .landing-wrapper #footer .footer-content {
		width: 100%;
	}
	.landing-body .landing-wrapper #sign-up .sign-up-content {
		width: 100%;
	}
	.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box {
		width: 100%;
	}
	.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-basic
		{
		margin-bottom: 36px;
	}
	.landing-body .landing-wrapper #sign-up .sign-up-content .sign-up-box.sign-up-pro
		{
		margin-left: 0;
	}
	.landing-body .landing-wrapper #contact-us .contact-us-content {
		width: 100%;
	}
	.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box
		{
		width: 100%;
	}
	.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-basic
		{
		margin-bottom: 36px;
	}
	.landing-body .landing-wrapper #contact-us .contact-us-content .contact-us-box.contact-us-pro
		{
		margin-left: 0;
	}
}

.LoginLogo {
	max-height: 10rem !important;
	max-width: 13rem !important;
	margin-bottom: 0em !important;
}

.max-text {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
}

.case-fading-header {
	text-align: center !important;
	color: #D3D3D3;
	font-size: 1.5em !important;
	font-weight: bold !important;
	/* text-transform: uppercase; */
}

.home-header-text {
	text-align: center !important;
	font-size: 1.5em !important;
	font-weight: bold !important;
}

.bold-text {
	font-weight: bold !important;
}

/* .ui-button {
	border-radius: 20px !important;
} */
}
.table-reflow-desktop .ui-datatable-data td .ui-column-title {
	display: none;
}

.table-reflow-desktop thead th, .table-reflow-desktop tfoot td {
	display: none;
}

.table-reflow-desktop .ui-datatable-data td {
	text-align: left;
	display: block;
	border: 0px none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	clear: left;
}

.table-reflow-desktop .ui-datatable-data.ui-widget-content {
	border: 0px none;
}

.table-reflow-desktop .ui-datatable-data tr.ui-widget-content {
	border-left: 0px none;
	border-right: 0px none;
}

.table-reflow-desktop .ui-datatable-data td .ui-column-title {
	padding: .4em;
	min-width: 30%;
	display: inline-block;
	margin: -.4em 1em -.4em -.4em;
}

.remove-panel-border {
	border: 0px solid #bdbdbd !important;
	padding-top: 0px !important;
}

.remove-panel-border {
	border: 0px solid #ffffff !important;
}

.fatal-error-style {
	padding-left: 30px !important;
	padding-right: 30px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	background-color: #ef5350;
	border-color: #ef5350;
	color: #fff;
	border-radius: 5px;
}

.purchase-header {
	width: 20% !important;
	text-align: left !important;
	padding-left: 0.7em !important;
	font-size: 1.5em !important;
}

.purchase-title-font {
	font-size: 1.1em !important;
}

.purchase-text-align {
	text-align: left !important;
	padding-left: 0.7em !important;
}

.landing-button-radius {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

.landing-bold {
	color: #191970;
	font-size: 1.1em;
}

.result-stats {
	color: #808080;
	padding-left: 16px;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 8px;
	line-height: 33px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.landing-scroll-y {
	display: block;
	height: 100%;
	overflow-y: scroll;
}

.tree-style {
	width: 100%;
	height: 550px;
	overflow: auto;
	display: block;
}

.role-form-style-sn {
	margin-left: 20px !important;
	text-decoration: underline;
	text-align: left;
	font-size: 16px;
	margin-bottom: 20px !important;
	margin-top: 20px !important;
	font-weight: italic !important;
	color: #4B0082;
	font-weight: bold !important;
}

.role-form-style {
	text-decoration: underline;
	text-align: center;
	font-size: 16px;
	margin-left: 5px !important;
	margin-bottom: 20px !important;
	margin-top: 20px !important;
	font-weight: italic !important;
	color: #4B0082;
	font-weight: bold !important;
}

.ui-picklist .ui-picklist-list {
	width: 280px !important;
}

.left_pad {
	padding-left: 1em;
}

.blue_bold_underline {
	text-decoration: underline;
	text-align: left;
	font-size: 1.3em;
	margin-bottom: 1em !important;
	margin-top: 5px !important;
	font-weight: italic !important;
	color: #4B0082;
	font-weight: bold !important;
}

.merchant-button-separator {
	margin-right: 0.3em;
}

.merchant-business-name {
	margin-right: 0.3em;
	color: #4B0082;
	font-weight: bold !important;
	font-size: 1.5em;
}

.regn-page-header {
	text-align: left;
	font-size: 1.3em;
	font-family: Roboto, "Helvetica Neue", sans-serif;
}

.form-page-header {
	background-color: #d8d8d8;
	color: #000000 !important;
	text-align: center;
	font-size: 1.2em;
	font-family: Roboto, "Helvetica Neue", sans-serif;
}

.top-space {
	margin-top: 3em;
}

.inner-form-page-header {
	width: 100%;
	height: 10%;
	font-weight: bold !important;
	text-align: center;
	font-size: 1.1em;
	text-transform: uppercase;
	font-family: Roboto, "Helvetica Neue", sans-serif;
	color: #757575 !important;
	font-family: Roboto, "Helvetica Neue", sans-serif;
}

.merchant-page {
	background-color: #009688;
	color: #ffffff;
	font-size: 1.2em;
	height: 3em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-radius: 5px;
	border: 1px solid #009688;
	background-color: #009688;
	font-family: Roboto, "Helvetica Neue", sans-serif;
	line-height: 24px;
	-webkit-font-smoothing: antialiased;
}

.external-page-button {
	overflow: hidden;
	background-color: #00BCD4;
	color: #ffffff;
	font-size: 16px;
	height: 36px;
	padding: 0 16px;
	border: 0 none;
	-moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0
		rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0
		rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0
		rgba(0, 0, 0, 0.16);
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.external-page-header {
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #009688;
	color: #ffffff;
	font-size: 16px;
	border: 1px solid #009688;
	background-color: #009688;
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #212121;
	-webkit-font-smoothing: antialiased;
	padding: 0;
	margin: 0;
}

.panelGridCenter {
	margin: 0 auto;
}

.login-body-ext {
	background: url("")
		top left no-repeat #757575;
	background-size: 100% auto;
}

.exception-body .exception-panel .exception-detail {
	margin: 10px 0px 50px 0px;
	color: #757575;
}

.tableFacet-rightAligned {
	font-size: 13px !important;
	text-align: right !important;
}

.round-image {
	background-repeat: no-repeat;
	background-position: 50%;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}

body .ui-datatable-header {
	background-color: #ffffff !important;
	font-size: 16px !important;
	border: 1px solid #ffffff;
}

body .ui-widget-header {
	border: 0px solid #DCDCDC !important;
}

body .ui-datatable .ui-datatable-header .ui-inputfield:focus, body .ui-datatable .ui-datatable-header .ui-inputfield:focus
	{
	color: #000000 !important;
	border-color: #A9A9A9 !important;
}

body .ui-datatable .ui-datatable-header .ui-inputfield, body .ui-datatable .ui-datatable-footer .ui-inputfield
	{
	color: #000000 !important;
	background-color: #ffffff !important;
	padding: 6px 6px 6px 6px !important;
	border-color: #A9A9A9 !important;
}

/*visibilities according to the platform*/
.ShowOnMobile {
	display: none;
}

.ShowOnDesktop {
	display: inherit;
}

.FloatNoneOnMobile {
	
}

.show {
	display: block !important;
}

.hide {
	display: none !important;
}

/* Large desktop */
@media ( min-width : 960px) { /*visibilities according to the platform*/
	.ShowOnMobile {
		display: none;
		opacity: 0;
	}
	.ShowOnDesktop {
		display: inherit;
		opacity: 1;
	}
}

/* Portrait tablet to landscape and desktop */
@media ( min-width : 640px) and (max-width: 960px) {
	/*visibilities according to the platform*/
	.ShowOnMobile {
		display: inherit;
		opacity: 1;
	}
	.ShowOnDesktop {
		display: none !important;
		opacity: 0;
	}
	.FloatNoneOnMobile {
		float: none !important;
	}
}

/* Landscape phone to portrait tablet */
@media ( min-width :480px) and (max-width: 640px) {
	/*visibilities according to the platform*/
	.ShowOnMobile {
		display: inherit;
		opacity: 1;
	}
	.ShowOnDesktop {
		display: none !important;
		opacity: 0;
	}
	.FloatNoneOnMobile {
		float: none !important;
	}
}

/* Portrait phones and down */
@media ( min-width :320px) and (max-width: 480px) {
	/*visibilities according to the platform*/
	.ShowOnMobile {
		display: inherit;
		opacity: 1;
	}
	.ShowOnDesktop {
		display: none !important;
		opacity: 0;
	}
	.FloatNoneOnMobile {
		float: none !important;
	}
}

/* FILE UPLOAD PANEL COLOR */
body.layout-compact .ui-fileupload .ui-fileupload-buttonbar {
	padding: 8px 8px 8px 8px;
	background-color: #ffffff;
	color: #000000;
	font-size: 16px;
	border: 1px solid #ffffff;
}

.tableColumn-leftAligned {
	font-size: 13px !important;
	text-align: left;
}

.tableColumn-rightAligned {
	font-size: 13px !important;
	text-align: right;
	margin-right: 3px;
}

.tableColumn-centreAligned {
	font-size: 13px !important;
	text-align: center;
}

.tableFacet-centreAligned {
	font-size: 13px !important;
	text-align: centre;
}

.tableFacet-leftAligned {
	font-size: 13px !important;
	text-align: left;
}

.negative {
	color: red !important;
}

.positve {
	color: black !important;
}

/** Website template by freewebsitetemplates.com **/
body {
	margin: 0;
	padding: 0;
	background: url("../images/bg-pattern.png");
	line-height: 25px;
}

a {
	outline: 0;
}

img {
	border: 0;
}

div#header {
	background-position: top;
	background-repeat: repeat-x;
	vertical-align: middle !important;
	height: 90px;
}

div#header div img.logo {
	float: left;
	position: absolute;
	z-index: 100;
	left: -50px;
}

div#header div ul.navigation {
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	top: 20px;
	float: right;
}

div#header div ul.navigation li {
	float: left;
	height: 90px;
	line-height: 90px;
}

div#header div ul.navigation li a {
	text-decoration: none;
	display: block;
	font-family: Arial;
	font-size: 13px;
	color: #bababa;
	text-transform: uppercase;
	line-height: 90px;
	padding: 0 25px;
	border-style: solid;
	border-width: 1px;
	border-color: #151e24;
	border-top: none;
}

div#header div ul.navigation li a:hover {
	background-color: #000000;
	color: #ffffff;
	font-size: 13px;
	font-family: Arial;
	border-style: solid;
	border-width: 1px;
	border-color: #232e32;
	border-top: none;
}

div#header div ul.navigation li a.active {
	background-color: #000000;
	color: #ffffff;
	font-size: 13px;
	font-family: Arial;
	border-style: solid;
	border-width: 1px;
	border-color: #232e32;
	border-top: none;
}
/*************End OF Header ****************/
div#body {
	background: transparent url("../images/bg-body.png");
	background-position: top;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

div#body div {
	width: 960px;
	margin: 0 auto;
}
/**Start of Featured**/
div#body  div#featured {
	width: 960px;
	position: relative;
	top: -50px;
	margin-bottom: 200px;
}

div#body  div#featured ul {
	list-style-type: none;
	margin: 0 0 0 15px;
	padding: 0;
	position: relative;
	top: -70px;
	z-index: 101;
}

div#body  div#featured ul li {
	float: left;
	margin: 0 10px;
	background: transparent url("../images/bg-frame.png");
	background-repeat: no-repeat;
	background-position: center center;
	height: 144px;
	width: 254px;
	padding: 10px 20px;
}

div#body  div#featured ul li a img {
	float: left;
	margin: 35px 20px 20px 0;
}

div#body  div#featured ul li h1 {
	font-family: Arial;
	font-size: 23px;
	color: #dec0c1;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 40px;
}

div#body  div#featured ul li.first {
	text-align: center;
	padding: 20px;
	height: 124px;
}

div#body  div#featured ul li.first h2 {
	font-family: Arial;
	font-size: 26px;
	color: #dec0c1;
	line-height: 30px;
	margin: 10px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
}

div#body  div#featured ul li.first a.button {
	background: transparent url("../images/button-1.png");
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 129px;
	display: inline-block;
	font-family: Arial;
	font-size: 13px;
	color: #dec0c1;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 10px;
}

div#body  div#featured ul li.last {
	text-align: center;
}

div#body  div#featured ul li.last h3 {
	font-family: Arial;
	font-size: 73px;
	color: #dec0c1;
	line-height: 30px;
	margin: 45px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: normal;
}

div#body  div#featured ul li.last p {
	font-family: Arial;
	font-size: 15px;
	color: #dec0c1;
	font-weight: bold;
}

div#body  div#featured ul li.last p span {
	text-transform: uppercase;
}
/*********End OF Featured Style**********/
/*********Start OF Content ID Style**********/
div#body div div#content {
	width: 960px;
	overflow: hidden;
	padding-top: 90px;
}

div#body div div#content ul.products {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#body div div#content ul.products li {
	margin: 0 10px 70px 10px;
	float: left;
	width: 300px;
	padding: 0px;
	text-align: center;
}

div#body div div#content ul.products li p {
	font-family: Arial;
	color: #bababa;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

div#body div div#content ul.products li p a {
	font-family: Arial;
	color: #bababa;
	font-size: 16px;
}

div#body div div#content ul.products li p a:hover {
	font-family: Arial;
	color: #ffffff;
	font-size: 16px;
}

div#body div div#content ul.products li span {
	font-family: Arial;
	color: #bababa;
	font-size: 16px;
	margin: 0 30px 0 0;
	padding: 0;
}

div#body div div#content ul.products li a {
	text-decoration: none;
}

div#body div div#content ul.products li a span {
	font-family: Arial;
	color: #bababa;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

div#body div div#content ul.products li a:hover span {
	font-family: Arial;
	color: #ffffff;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
/*********Start OF Content ID Style**********/
/*********Start OF About ID Style**********/
div#body div div#content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#body div div#content ul li {
	margin-bottom: 50px;
	padding: 0 20px;
}

div#body div div#content ul li h2 {
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #bababa;
}

div#body div div#content ul li h2 a:hover {
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
}

div#body div div#content ul li h4 {
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: #bababa;
}

div#body div div#content ul li h2 a {
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #bababa;
	text-decoration: none;
}

div#body div div#content ul li p {
	font-family: Arial;
	font-size: 16px;
	color: #bababa;
	line-height: 30px;
}

div#body div div#content ul li p a {
	font-family: Arial;
	font-size: 16px;
	color: #bababa;
}

div#body div div#content ul li p a:hover {
	font-family: Arial;
	font-size: 16px;
	color: #92b6ce;
}
/*********End OF About Style**********/
/*********Start OF Blog Style**********/
div#body div div#content div.content {
	width: 620px;
	float: left;
	margin-right: 20px;
	padding-right: 10px;
}

div#body div div#content div.content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#body div div#content div.content ul li {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
}

div#body div div#content div.content ul li h2 {
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #bababa;
	margin: 10px 0 0 0;
}

div#body div div#content div.content ul li h2 a {
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #bababa;
	text-decoration: none;
}

div#body div div#content div.content ul li p {
	font-family: Arial;
	font-size: 16px;
	color: #bababa;
	margin-bottom: 40px;
	text-align: justify;
	line-height: 30px;
}

div#body div div#content div.content ul li p a {
	font-family: Arial;
	font-size: 16px;
	color: #bababa;
}

div#body div div#content div.content ul li p a:hover {
	font-family: Arial;
	font-size: 16px;
	color: #92b6ce;
}

div#body div div#content div.content ul li h2 a:hover {
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
}

div#body div div#content div.aside {
	width: 310px;
	float: left;
}

div#body div div#content div.aside ul {
	margin: 0 0 50px 10px;
	padding: 0;
	list-style-type: disc;
	color: #bababa;
}

div#body div div#content div.aside ul li {
	margin: 0;
	padding: 0;
	list-style-type: disc;
}

div#body div div#content div.aside ul li p {
	margin: 0;
	padding: 0;
	font-family: Arial;
}

div#body div div#content div.aside  h2 {
	font-size: 16px;
	color: #bababa;
	font-family: Arial;
	font-weight: normal;
	margin-top: 10px;
}

div#body div div#content div.aside ul li a {
	font-size: 16px;
	color: #bababa;
	font-family: Arial;
}

div#body div div#content div.aside ul li a:hover {
	font-size: 16px;
	color: #92b6ce;
}
/*********End OF Blog Style**********/
/*********Start OF Footer Style**********/
div#footer {
	width: 100%;
	margin-top: 100px;
}

div#footer div {
	width: 960px;
	margin: 0 auto;
}

div#footer div div.section {
	background: transparent url("../images/bg-footer-top.png");
	background-repeat: no-repeat;
	background-position: center top;
	width: 940px;
	padding-top: 11px;
	overflow: hidden;
}

div#footer div div.section div {
	background: transparent url("../images/bg-footer-bottom.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 940px;
	padding-bottom: 12px;
}

div#footer div div.section div div {
	background: transparent url("../images/bg-footer-center.png");
	background-repeat: repeat-y;
	background-position: center center;
	width: 940px;
	height: 80px;
}

div#footer div div.section div div ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#footer div div.section div div ul li.first {
	width: 705px;
	height: 80px;
	padding: 0 20px;
	float: left;
	text-align: center;
}

div#footer div div.section div div ul li {
	width: 195px;
	height: 80px;
	float: left;
}

div#footer div div.section div div ul li {
	width: 195px;
	height: 80px;
	float: left;
	text-align: center;
}

div#footer div div.section div div ul li.first h2 {
	font-family: Arial;
	font-size: 13px;
	color: #e5a704;
	text-transform: uppercase;
	font-weight: normal;
	text-align: left;
}

div#footer div div.section div div ul li.first p {
	font-family: Arial;
	font-size: 13px;
	color: #6d6d6d;
	text-align: left;
}

div#footer div div.section div div ul li.first p a {
	font-family: Arial;
	font-size: 13px;
	color: #6d6d6d;
	text-align: left;
}

div#footer div div.section div div ul li.first p a:hover {
	font-family: Arial;
	font-size: 13px;
	color: #92b6ce;
	text-align: left;
}

div#footer div div.section div div ul li.first p a.readmore {
	font-family: Arial;
	font-size: 13px;
	color: #6d6d6d;
	text-align: left;
	text-decoration: none;
}

div#footer div div.section div div ul li.first p a.readmore:hover {
	font-family: Arial;
	font-size: 13px;
	color: #92b6ce;
	text-align: left;
}

div#footer div div.section div div ul li h2 {
	font-family: Arial;
	font-size: 13px;
	color: #e5a704;
	text-transform: uppercase;
	font-weight: normal;
}

div#footer div div.section div div ul li ul.connect {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
}

div#footer div div.section div div ul li ul.connect li {
	float: left;
	width: auto;
	margin: 0 10px;
}

div#footer div div.section div div ul li ul.connect li a.facebook {
	text-decoration: none;
	background: url("../images/icon.png") no-repeat scroll 0 -75px
		transparent;
	display: inline-block;
	height: 25px;
	width: 25px;
}

div#footer div div.section div div ul li ul.connect li a.facebook:hover
	{
	background: url("../images/icon.png") no-repeat scroll 0 0 transparent;
}

div#footer div div.section div div ul li ul.connect li a.twitter {
	background: url("../images/icon.png") no-repeat scroll 0 -378px
		transparent;
	text-decoration: none;
	display: inline-block;
	height: 26px;
	width: 38px;
}

div#footer div div.section div div ul li ul.connect li a.twitter:hover {
	background: url("../images/icon.png") no-repeat scroll 0 -302px
		transparent;
}

div#footer div div.section div div ul li ul.connect li a.googleplus {
	background: url("../images/icon.png") no-repeat scroll 0 -226px
		transparent;
	text-decoration: none;
	display: inline-block;
	height: 25px;
	width: 37px;
}

div#footer div div.section div div ul li ul.connect li a.googleplus:hover
	{
	background: url("../images/icon.png") no-repeat scroll 0 -150px
		transparent;
}

div#footer div div.footnote {
	width: 960px;
	text-align: center;
	margin-top: 50px;
}

div#footer div div.footnote p {
	color: #535353;
	font-family: Arial;
	font-size: 12px;
}

div#footer div div.footnote p a {
	text-decoration: none;
}

div#footer div div.footnote p a:hover {
	color: #ffffff;
}

.Wid100 {
	width: 100% !important;
}

.wid100 {
	width: 100% !important;
}

.wid95 {
	width: 95% !important;
}

.Wid50 {
	width: 50% !important;
}

.wid50 {
	width: 50% !important;
}

.wid30 {
	width: 30% !important;
}

.Wid66 {
	width: 66% !important;
}

.wid66 {
	width: 66% !important;
}

.marginRight2 {
	margin-right: 10px !important;
}

.marginLeft2 {
	margin-left: 2px !important;
}

.marginLeft5 {
	margin-left: 5px !important;
}

.MarginLeft5 {
	margin-left: 5px !important;
}

.marginLeft10 {
	margin-left: 10px !important;
}

.MarginLeft10 {
	margin-left: 10px !important;
}

.marginLeft15 {
	margin-left: 15px !important;
}

.MarginLeft15 {
	margin-left: 15px !important;
}

.marginLeft20 {
	margin-left: 20px !important;
}

.MarginLeft20 {
	margin-left: 20px !important;
}

.MarginTop15 {
	margin-top: 15px !important;
}

.MarginTop5 {
	margin-top: 5px !important;
}

body .ui-selectonemenu {
	border-top: 1px solid #bdbdbd !important;
	border-left: 1px solid #bdbdbd !important;
	height: 30px;
}

body .ui-selectcheckboxmenu {
	border-left: 1px solid #bdbdbd !important;
	border-top: 1px solid #bdbdbd !important;
	border-bottom: 1px solid #bdbdbd !important;
	height: 30px;
}

.show-boarder {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 0px !important;
	background-color: #FFF !important;
	color: black !important;
}

.boardered-text-field {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 0px !important;
	height: 30px !important;
	background-color: #FFF !important;
	color: black !important;
}

.boardered-text-area {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 0px !important;
	background-color: #FFF !important;
	color: black !important;
}

.boardered-text-field-normal {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 0px !important;
	height: 20px !important;
	background-color: #FFF !important;
	color: black !important;
}

.enter-visitor-tel {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 0px !important;
	height: 40px !important;
	background-color: #FFF !important;
	color: black !important;
}

.search-visitor-textbox {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 0px !important;
	height: 40px !important;
	background-color: #FFF !important;
	color: black !important;
}

.search-visitor-button {
	border-radius: 1px !important;
	height: 41px !important;
	width: 40px !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
}

.table-edit-text35 {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 3px !important;
	height: 35px !important;
}

.table-edit-text {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 3px !important;
	background-color: #eaf5e8 !important;
	height: 30px !important;
	color: black !important;
}

.table-edit-text-green {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 1px !important;
	height: 30px !important;
	background-color: #c2edc4 !important;
	color: black !important;
}

.table-edit-text-light-green {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 1px !important;
	height: 30px !important;
	background-color: #e4fee5 !important;
	color: black !important;
}

.bg-light-green {
	background-color: #e4fee5 !important;
	color: black !important;
}

.table-edit-text-red {
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-radius: 3px !important;
	height: 30px !important;
	background-color: #f7e6e8 !important;
	color: black !important;
}

.bg-light-red {
	background-color: #f7e6e8 !important;
	color: black !important;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
	height: 30px !important;
	width: 30px !important;
	margin-top: -1px !important;
}

.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon
	{
	position: relative;
	top: 20%;
	margin-top: -8px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
	height: 20px !important;
	width: 20px !important;
	margin-top: 0 !important;
	color: #f8ecec !important;
}

body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
	height: 20px !important;
	width: 20px !important;
	margin-top: 5px !important;
	color: #f9f9f9 !important;
}

body .ui-selectonemenu .ui-selectonemenu-trigger {
	height: 28px !important;
	width: 20px !important;
	top: 0px !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger
	{
	padding: 1px 5px !important;
	font-size: 16px;
	color: #ffffff !important;
	text-shadow: none;
	z-index: 100;
	border-bottom-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
	margin: -1px -1px -1px 0px !important;
	background-color: #4272CF !important;
}

.blue-black {
	color: #212121;
}

.trim-space-on-right {
	padding-right: 0px !important;
	margin-right: 0px !important;
}

.trim-space-on-left {
	margin-right: 0px !important;
	padding-left: 0px !important;
}

.search-field {
	border-right-color: white !important;
	padding-right: 0px !important;
}

.custom-search-dropdown {
	margin-left: -1px !important;
	padding-left: 0px !important;
	width: 30px !important;
}

body .ui-datatable-header {
	background-color: rgb(255, 255, 255) !important;
	font-size: 12px;
	border: 1px solid #cdd5dd !important;
}

.ui-datatable.borderless thead th, .ui-datatable.borderless tbody,
	.ui-datatable.borderless tbody tr, .ui-datatable.borderless tbody td {
	border-style: none;
}

.ui-wizard-nav-next {
	cursor: pointer;
	margin: 20px;
}

.ui-wizard-nav-back {
	float: left;
	margin: 10px;
}

.NoBG {
	background-color: #fcfbfb ! important;
}

.NoBorder {
	border: none !important;
	border-style: none !important;
}

.report-category-bg {
	background: #1955b5;
}

.report-subcategory-bg {
	background: #8e1c06;
}

.report-bg {
	background: #0a7d3f;
}

.FormLabelNoSize {
	color: white !important;
	text-align: left !important;
}

.LightBlueBG {
	background: #D4F1FB;
}

.square-button {
	border-radius: 1px !important;
	margin-top: 0px;
	width: 20px !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
	height: 29px !important;
}

.square-button-big {
	border-radius: 1px !important;
	margin-top: 0px;
	height: 33px !important;
	width: 40px !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
}

.square-button-small {
	border-radius: 0px !important;
	margin-top: 0px;
	height: 23px !important;
	width: 20px !important;
	height: 23px !important;
}

.button-select-queue {
	border-radius: 1px !important;
	margin-top: 0px;
	height: 40px !important;
	width: 150px !important;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.button-select-queue-nomargin {
	border-radius: 1px !important;
	margin-top: 0px;
	height: 40px !important;
	width: 150px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.Vertical-Div-Strip {
	border-right: solid 1px;
	height: 25px;
	color: #0b0101;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: -8px;
}

.vertical-div-strip-large {
	border-right: solid 1px;
	height: 25px;
	color: #0b0101;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: -8px;
}

.vertical-div-strip-small {
	border-right: solid 1px;
	height: 15px;
	color: #0b0101;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: -4px;
}

.panel-grid-label-cell {
	background-color: #f0f2f9;
	color: #090808;
	width: 50%;
}

.panel-grid-label-cell-form {
	background-color: #e3e6f9;
	color: #090808;
	width: 50%;
}

.panel-grid-label-cell-form-light {
	background-color: #f3f4fd;
	color: #090808;
	width: 50%;
}

element {
	
}

body.layout-compact .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header
	{
	padding: 6px 10px;
}

body.layout-compact .ui-widget-header {
	font-size: 13px;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 10px 16px;
}

body .ui-widget-header {
	/*border: 0px solid #DCDCDC !important;*/
	
}

body .ui-corner-all {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

body .ui-widget-header {
	background-color: #2458BC;
	color: #ffffff;
	font-size: 16px;
	border: 1px solid #2458BC;
}

body .ui-state-active, body .ui-state-highlight {
	background-color: #ECE8DC;
	color: #212121;
}

body.layout-compact .ui-tree .ui-treenode-children {
	padding-left: 0px !important;
}

body .ui-datagrid .ui-panel .ui-panel-titlebar {
	background-color: #D4F1FB;
	color: #212121;
	border-color: #000000;
}

.ui-datagrid-column {
	vertical-align: top;
}

.h-panelgrid-column td {
	vertical-align: top !important;
	max-width: min-content;
}

.panelgridcolumns td {
	vertical-align: top;
}

body .ui-panelgrid .ui-panelgrid-cell {
	vertical-align: top;
}

.ui-datagrid .ui-datagrid-header, .ui-datagrid .ui-datagrid-footer {
	background-color: #F9F9F9;
}

.visitor-card-body {
	background-color: white !important;
}

.queue-card-body {
	background-color: #e8eff9 !important;
	color: black;
}

.teller-way {
	background-color: red !important;
}

.teller-available {
	background-color: green !important;
}

.sub-panel-grid {
	background-color: steelblue;
	color: white;
}

.sub-panel-grid-large {
	background-color: #28094d;
	color: white;
	height: 20px;
	text-align: center;
	padding: 10px;
	font-size: 20px;
}

.select-queue-grid-header {
	background-color: #0727a6;
	color: white;
	height: 10px;
	text-align: center;
	padding: 5px;
	font-size: 20px;
}

.panel-row-one {
	height: 230px;
}

.panel-row-two {
	height: 270px;
}

.table-header-summary {
	background-color: #d71bd4;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-radius: 5px;
	margin-left: 10px;
}

.record-count-header {
	background-color: green;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-radius: 5px;
	margin-left: 10px;
}

.label-purple {
	background-color: #b957c1;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.label-orange {
	background-color: #ce962c;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.label-green {
	background-color: #099d35;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.label-blue {
	background-color: #1e69dd;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.label-like-button-darkblue {
	background-color: #5646c8;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 3px;
	margin-left: 10px;
}

.label-like-button-green {
	background-color: #079b56;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 3px;
	margin-left: 10px;
}

.label-like-button-red {
	background-color: red;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 3px;
}

.label-like-button-purple {
	background-color: purple;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 3px;
}

.label-like-button-blue {
	background-color: #0064ff;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 3px;
}

.table-list {
	margin: -0.5em !important;
}

.ui-breadcrumb-chevron {
	color: #01011a !important;
}

body.layout-compact .ui-breadcrumb {
	background-color: #fff;
	border: 1px solid #dcdce6 !important;
	margin-bottom: 5px;
}

.ui-breadcrumb ul li .ui-menuitem-link {
	color: black;
}

body .ui-dialog .ui-dialog-titlebar {
	background-color: #0665c4 !important;
	color: #fff;
	padding: 15px 5px !important;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon {
	color: #fff;
}

.negative-thirty-margin-top {
	margin-top: -30px;
}

.custom-menu-separator {
	color: #fff;
	margin-top: 15px;
	margin-botton: 5px;
}

.custom-menu-separator-no-margin {
	color: #fff;
}

.custom-menu-item {
	margin-left: 7px !important;
	font-size: 13px !important;
	color: #373737 !important;
}

body .ui-widget-content {
	font-size: 13px;
}

body .ui-button {
	font-size: 13px;
}

body .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
	font: 13px "Roboto", "Helvetica Neue", sans-serif;
}

body .ui-selectonemenu-panel .ui-selectonemenu-item {
	font-size: 13px;
}

body .ui-inputfield {
	font-size: 13px;
}

body .ui-button.ui-button-text-icon-left .ui-icon, body .ui-button.ui-button-text-icon-right .ui-icon
	{
	width: 24px;
	height: 24px;
	font-size: 20px;
	margin-top: -10px;
}

.colorbox .colorbox-count {
	font-size: 26px !important;
}

.dashboard .contacts ul li a .name {
	font-size: 15px !important;
}

.dashboard .overview {
	min-height: 120px !important;
}

.gm-style .gm-style-iw {
	min-width: 258px !important;
}

.recent-activity {
	background-color: #347c49;
	color: #fff;
	font-size: 15px;
	padding-left: 5px;
	padding-top: 12px;
	padding-bottom: initial;
	margin-top: -16px;
	margin-left: -16px;
	margin-right: -16px !important;
	margin-bottom: 10px;
	width: auto !important;
	height: 30px;
}

.RedBG {
	background-color: red !important;
	color: white !important;
}

.GreenBG {
	background-color: green !important;
	color: white !important;
}

.PurpleBG {
	background-color: #7c0080 !important;
	color: white !important;
}

.BlackBG {
	background-color: black !important;
	color: white !important;
}

.OrangeBG {
	background-color: #d78b00 !important;
	color: white !important;
}
.ui-chips-container {
	width: 100%;
}

.StatusLabel {
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	border-radius: 3px;
	font-weight: bold !important;
}

.hidden {
	visibility: hidden;
	display: none;
}