/* 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 {
	
}

.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;
}

.Margin10 {
	margin: 10px;
}

.MarginRight5 {
	margin-right: 5px;
}

.Margin5-Table-Summary {
	margin-left: -5px;
}

.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: 11px !important;
}

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

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

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

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

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

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

.Font20 {
	font-size: 18px !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: 11px !important;
}

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

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

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

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

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

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

.font20 {
	font-size: 18px !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: 11px !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;
}

.Wid48 {
	width: 48% !important;
}

.wid48 {
	width: 48% !important;
}

.Wid49 {
	width: 49% !important;
}

.wid49 {
	width: 49% !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;
}

.MarginBottom110 {
	margin-bottom: 10px !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: 16px;
	font-weight: 700;
}

.login-body .login-panel .login-header h2 {
	font-size: 11px;
	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: #06c46b !important;
	/* background-color: #03A9F4;
	background: linear-gradient(to right, #1942d2, #903a99, #993a55, #03A9F4)
		!important; 
	background: linear-gradient(to right, #1942d2, #903a99, #993a55, #1976d2)
		!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;
}

.layout-wrapper .topbar {
	background-color: #06c46b !important;
}

.layout-wrapper.menu-layout-horizontal .layout-menu {
	background-color: #0f9255 !important;
}

.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: 11px;
	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: 20px;
}

.landing-body .landing-wrapper #header .header-content h2 {
	margin: 10px 0 0 0;
	color: #ffffff;
	font-size: 16px;
	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: 18px;
	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: 14px;
}

.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: 20px;
	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: 18px;
	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: 16px;
	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: 18px;
	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: 16px;
	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: 18px;
	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: 16px;
	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: 18px;
	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: 16px;
	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: 18px;
	color: #bdbdbd;
}

.landing-body .landing-wrapper #about_us .about_us-content h3 {
	font-size: 16px;
	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: 14px;
		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: 14px;
	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: 14px;
	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: 14px;
	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: 14px;
	border: 1px solid #009688;
	background-color: #009688;
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 14px;
	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: 11px !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: 12px !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: 14px;
	border: 1px solid #ffffff;
}

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

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

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

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

.tableFacet-leftAligned {
	font-size: 11px !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: 11px;
	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: 11px;
	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: 11px;
	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: 11px;
	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: 13px;
	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: 14px;
	margin: 0;
	padding: 0;
}

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

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

div#body div div#content ul.products li span {
	font-family: Arial;
	color: #bababa;
	font-size: 14px;
	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: 14px;
	margin: 0;
	padding: 0;
}

div#body div div#content ul.products li a:hover span {
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	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: 16px;
	color: #bababa;
}

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

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

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

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

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

div#body div div#content ul li p a:hover {
	font-family: Arial;
	font-size: 14px;
	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: 16px;
	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: 16px;
	color: #bababa;
	text-decoration: none;
}

div#body div div#content div.content ul li p {
	font-family: Arial;
	font-size: 14px;
	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: 14px;
	color: #bababa;
}

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

div#body div div#content div.content ul li h2 a:hover {
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	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: 14px;
	color: #bababa;
	font-family: Arial;
	font-weight: normal;
	margin-top: 10px;
}

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

div#body div div#content div.aside ul li a:hover {
	font-size: 14px;
	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: 11px;
	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: 11px;
	color: #6d6d6d;
	text-align: left;
}

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

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

div#footer div div.section div div ul li.first p a.readmore {
	font-family: Arial;
	font-size: 11px;
	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: 11px;
	color: #92b6ce;
	text-align: left;
}

div#footer div div.section div div ul li h2 {
	font-family: Arial;
	font-size: 11px;
	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: 3px !important;
	height: 23px !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: 33px !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: 1px !important;
	color: #f9f9f9 !important;
}

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

.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger
	{
	padding: 1px 5px !important;
	font-size: 14px;
	color: #ffffff !important;
	text-shadow: none;
	z-index: 50;
	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;
}

.GreenBG {
	background: #0f7105;
}

.PurpleBG {
	background: #9614a2;
	color: white !important;
}

.LightBlueBG {
	background: #D4F1FB;
}

.OrangeBG {
	background: #C87A00;
	color: white;
}
.YellowBG {
  background: #E7A032;
  color: white;
}
.BlueBG {
	background-color: #2d43b8 !important;
	color: white !important;
}

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

.star-button {
	width: 28px !important;
	height: 28px !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-normal {
	border-radius: 3px !important;
}

.square-button-big-no-width {
	border-radius: 1px !important;
	margin-top: 0px;
	height: 33px !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%;
	vertical-align: middle !important;
}

.panel-grid-dynamic-header {
	background-color: #e3e6f9;
	color: #090808;
	vertical-align: middle !important;
}

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

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

.panel-grid-label-cell-form-blue {
	background-color: #62a2db;
	color: white;
}

element {
	
}

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

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

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: 14px;
	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: 18px;
}

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

.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: 10px;
	margin-bottom: 0px;
}

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

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

.PaddingTop5 {
	padding-top: 5px !important;
}

.PaddingTop10 {
	padding-top: 10px !important;
}

.PaddingTop15 {
	padding-top: 15px !important;
}

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

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

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

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

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

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: 18px;
	margin-top: -10px;
}

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

.dashboard .contacts ul li a .name {
	font-size: 13px !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: 13px;
	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;
}

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

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

.TransactionStatusWidth {
	width: 70px !important;
	display: inline-block;
	text-align: center;
}

.TinyPadding {
	padding: 0.2em !important;
}

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

.green-star {
	color: green;
}

.form-auto-complete .ui-inputfield {
	border-width: 1px 1px 1px 1px !important;
	width: 100% !important;
	height: 22px !important;
	background-color: #FFF !important;
	color: black !important;
	border-radius: 5px !important;
}

.ui-autocomplete .ui-autocomplete-dropdown {
	right: 0px;
}

.custom-icon-size {
	padding: 2.5px !important;
}

.ui-autocomplete-input.ui-autocomplete-dd-input {
	padding-right: 0.5em !important;
}

body .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-button-icon-only .ui-icon
	{
	margin-top: -2px;
}

body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
	display: none;
}

body.layout-compact .ui-fieldset .ui-fieldset-legend {
	padding: 0px 0px !important;
}

.full-menu-link {
	display: block;
	width: 100%;
}

.full-menu-clickable a, .full-menu-clickable a i, .full-menu-clickable a span
	{
	color: inherit !important;
	text-decoration: none !important;
}

.topbar-title {
	color: #605a5a !important;
	font-size: 2.1em !important;
}

.check-box-menu-fixed-height {
	min-height: 110px;
	max-height: 110px;
	overflow-y: auto;
	display: block;
}

.thematic-areas-check-box-menu {
	min-height: 215px;
	max-height: 215px;
	overflow-y: auto;
	display: block;
}

.ui-selectonemenu .ui-selectonemenu-label {
	margin-top: 3px;
	margin-left: 2px;
}

.topbar-title {
	text-align: left !important;
}

.card-header-above {
	margin-top: -15px !important;
}

.ui-breadcrumb ul li .ui-menuitem-link {
	margin-top: 0px !important;
}

/* =========================================================
   CONTENT ZONE CLEANUP
   compact, clean, app-like
   ========================================================= */

/* =========================================================
   1. MAIN CONTENT AREA
   controls how close the page starts below the fixed topbar
   and gives the whole content zone a light app background
   ========================================================= */
.layout-wrapper .layout-main {
	padding: 80px 20px 20px 20px;
	background: #f5f7fb;
	min-height: calc(100vh - 75px);
}

/* keeps page content from stretching too wide on large screens */
.content-page {
	max-width: 1400px;
	margin: 0 auto;
}

/* =========================================================
   2. CONTENT CARDS
   reusable white cards for filters, summaries and tables
   ========================================================= */
.content-card {
	background: #ffffff;
	border: 1px solid #e7edf5;
	border-radius: 10px;
	box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04);
	padding: 14px 16px;
	margin-bottom: 14px;
}

/* flat version mainly for table wrappers where the table should
   touch the edges more naturally */
.content-card.flat {
	padding: 0;
	overflow: hidden;
}

/* top row inside a card for title and optional actions */
.content-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

/* main title inside content cards */
.content-card-title {
	font-size: 16px;
	font-weight: 600;
	color: #1f2937;
	margin: 0;
	line-height: 1.2;
}

/* smaller subtitle below the card title */
.content-card-subtitle {
	font-size: 11px;
	color: #6b7280;
	margin-top: 2px;
	line-height: 1.3;
}

/* =========================================================
   3. TOOLBAR LAYOUT
   used for search bars, filter actions and top card buttons
   ========================================================= */
.content-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
}

/* left and right sections of the toolbar */
.content-toolbar-left, .content-toolbar-right {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

/* =========================================================
   4. SEARCH INPUT
   replace this block when adjusting search field size, height,
   border radius, padding or focus effect
   ========================================================= */
.content-search-input {
	height: 34px !important;
	min-width: 240px;
	padding: 6px 10px !important;
	border: 1px solid #d7e0ea !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: none !important;
	font-size: 12px !important;
	line-height: normal !important;
	box-sizing: border-box;
}

/* soft focus ring for the search input */
.content-search-input:focus {
	border-color: #7aa7e0 !important;
	box-shadow: 0 0 0 2px rgba(6, 101, 196, 0.08) !important;
}

/* =========================================================
   5. BUTTON SHELL
   replace this block when adjusting overall button height,
   padding, font size, radius and general compact button style
   ========================================================= */
.content-btn.ui-button, .content-btn .ui-button, body .content-btn.ui-button.ui-widget,
	body .content-btn .ui-button.ui-widget {
	height: 30px !important;
	min-height: 30px !important;
	padding: 0 12px !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative;
	box-sizing: border-box;
}

/* =========================================================
   6. BUTTON LABEL
   replace this block when adjusting label spacing, especially
   if icon and label feel too close or too far apart
   ========================================================= */
body .content-btn.ui-button .ui-button-text, body .content-btn .ui-button .ui-button-text
	{
	display: inline-block !important;
	line-height: normal !important;
	padding: 0 0 0 18px !important;
	vertical-align: middle;
}

/* =========================================================
   7. BUTTON ICONS
   vertical alignment tuned slightly below center for PF
   ========================================================= */
body .content-btn.ui-button .ui-button-icon-left, body .content-btn .ui-button .ui-button-icon-left,
	body .content-btn.ui-button .ui-button-icon-right, body .content-btn .ui-button .ui-button-icon-right
	{
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-35%) !important; /* tweak this only */
	font-size: 12px !important;
	margin: 0 !important;
	line-height: 1 !important;
}

body .content-btn.ui-button .ui-button-icon-left, body .content-btn .ui-button .ui-button-icon-left
	{
	left: 10px !important;
}

body .content-btn.ui-button .ui-button-icon-right, body .content-btn .ui-button .ui-button-icon-right
	{
	right: 10px !important;
}

/* =========================================================
   8. ICON ONLY BUTTONS
   used for circular or square action buttons with no text
   ========================================================= */
body .content-btn.ui-button.ui-button-icon-only, body .content-btn .ui-button.ui-button-icon-only
	{
	width: 34px !important;
	padding: 0 !important;
}

body .content-btn.ui-button.ui-button-icon-only .ui-button-text, body .content-btn .ui-button.ui-button-icon-only .ui-button-text
	{
	padding: 0 !important;
}

/* use this helper when a button has no icon so the text does
   not leave unnecessary left space */
body .content-btn.no-icon.ui-button .ui-button-text, body .content-btn.no-icon .ui-button .ui-button-text
	{
	padding-left: 0 !important;
}

/* =========================================================
   9. RESULTS META BAR
   small strip above results table for counts or short context
   ========================================================= */
.content-results-meta {
	padding: 10px 14px;
	border-bottom: 1px solid #eef2f7;
	font-size: 11px;
	color: #6b7280;
	background: #fafbfd;
}

/* =========================================================
   10. TABLE CLEANUP
   replace this whole section when adjusting table chrome,
   header style, row spacing or paginator look
   ========================================================= */
body .ui-datatable.clean-table {
	border: 0 !important;
}

/* table header cells */
body .ui-datatable.clean-table thead th {
	background: #f8fafc;
	color: #334155;
	border-color: #e7edf5;
	font-weight: 600;
	font-size: 11px;
	padding: 9px 10px;
}

/* table body cells */
body .ui-datatable.clean-table tbody td {
	border-color: #eef2f7;
	padding: 10px;
	vertical-align: top;
}

/* subtle hover state */
body .ui-datatable.clean-table tbody tr:hover {
	background: #fafcff;
}

/* paginator styling */
body .ui-datatable.clean-table .ui-paginator {
	border-top: 1px solid #eef2f7;
	/* background: #ffffff; */
	padding: 8px 10px;
}

/* =========================================================
   11. STATUS BADGES
   used for case statuses and similar small labels
   replace this block when adjusting pill shape, padding,
   badge size or label compactness
   ========================================================= */
.inline-status {
	display: inline-block;
	margin-left: 8px;
	padding: 3px 8px !important;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;
	vertical-align: middle;
	white-space: nowrap;
}

/* =========================================================
   12. ACTION LINKS
   used for link styled pills like Manage Case
   ========================================================= */
.action-link-pill {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none !important;
}

/* =========================================================
   13. CLEAN FIELDSET
   removes old fieldset chrome when you want a simple flat
   filter area without visible legend and borders
   ========================================================= */
body .ui-fieldset.clean-fieldset, body .ui-fieldset.clean-fieldset .ui-fieldset-content
	{
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	box-shadow: none !important;
}

body .ui-fieldset.clean-fieldset .ui-fieldset-legend {
	display: none;
}

/* =========================================================
   14. MOBILE ADJUSTMENTS
   replace this section when adjusting compact behavior on
   smaller screens
   ========================================================= */
@media ( max-width : 768px) {
	.layout-wrapper .layout-main {
		padding: 78px 12px 12px 12px;
	}
	.content-toolbar {
		align-items: stretch;
	}
	.content-toolbar-left, .content-toolbar-right {
		width: 100%;
	}
	.content-search-input {
		width: 100% !important;
		min-width: 100%;
	}
}

/* =========================================================
   15. CASE SIDE MENU
   replace this whole section when adjusting the child case
   left menu, profile block or menu item styling
   ========================================================= */
.case-side-menu {
	background: #ffffff;
	border: 1px solid #e7edf5;
	border-radius: 12px;
	box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04);
	overflow: hidden;
}

.case-side-menu-profile {
	padding: 18px 16px 14px 16px;
	text-align: center;
	border-bottom: 1px solid #eef2f7;
	background: linear-gradient(to bottom, #fbfcfe, #ffffff);
}

.case-side-menu-avatar {
	margin-bottom: 10px;
}

.case-side-menu-avatar img {
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: #f8fafc;
	padding: 10px;
	border: 1px solid #e7edf5;
}

.case-side-menu-name {
	font-size: 15px;
	font-weight: 600;
	color: #1f2937;
	line-height: 1.35;
	margin-bottom: 8px;
}

.case-side-menu-meta {
	font-size: 11px;
	color: #6b7280;
	line-height: 1.5;
}

.case-side-menu-status-wrap {
	margin-top: 10px;
}

.case-side-menu-links {
	padding: 8px;
}

.case-side-menu-link {
	display: block;
	text-decoration: none !important;
	margin-bottom: 4px;
}

.case-side-menu-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	color: #334155;
	font-size: 12px;
	font-weight: 500;
	transition: background 0.2s ease, color 0.2s ease;
}

.case-side-menu-item:hover {
	background: #f8fafc;
	color: #0665c4;
}

.case-side-menu-icon {
	width: 16px;
	text-align: center;
	font-size: 14px;
	color: #64748b;
}

.case-side-menu-item:hover .case-side-menu-icon {
	color: #0665c4;
}

/* active menu item set from javascript */
.case-side-menu-item.active-menu-item, .case-side-menu-item.menu-active,
	.case-side-menu-item.selected-menu-item {
	background: rgba(6, 101, 196, 0.08);
	color: #0665c4;
}

.case-side-menu-item.active-menu-item .case-side-menu-icon,
	.case-side-menu-item.menu-active .case-side-menu-icon,
	.case-side-menu-item.selected-menu-item .case-side-menu-icon {
	color: #0665c4;
}

/*Table*/
.clean-panel-grid {
	width: 100%;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	border: 1px solid #eaeaea;
	border-radius: 8px;
	margin-bottom: 10px !important;
	overflow: hidden;
}

.clean-panel-grid td, .clean-panel-grid .ui-panelgrid-cell {
	border: 1px solid #f1f1f1 !important;
	padding: 8px 10px !important;
	background: #fff;
	vertical-align: top;
}

.clean-panel-grid .panel-grid-label-cell-form {
	background: #f9fafb !important;
	font-weight: 500;
	color: #555;
	width: 38%;
}

.clean-panel-grid

 

td


:not

 

(
.panel-grid-label-cell-form

 

)
{
color


:

 

#222


;
}
.section-panel {
	border: 1px solid #eaeaea !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	margin-bottom: 16px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 5px;
	overflow: hidden;
}

.section-panel .ui-panel-titlebar {
	background: #f9fafb !important;
	border: 0 !important;
	border-bottom: 1px solid #eeeeee !important;
	padding: 10px 14px !important;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	border-radius: 0 !important;
}

.section-panel .ui-panel-content {
	border: 0 !important;
	background: #fff !important;
	padding: 14px !important;
}
/* =========================================================
   19. CASE MANAGEMENT FINAL POLISH
   quick cleanup for the improved case management page
   ========================================================= */

/* -------------------------
   19.1 SIDE PROFILE CARD
   ------------------------- */
.case-side-menu-profile {
	padding: 14px 16px 12px 16px !important;
}

.case-side-menu-avatar {
	margin-bottom: 8px !important;
}

.case-side-menu-name {
	margin-bottom: 6px !important;
}

.case-side-menu-meta {
	line-height: 1.45 !important;
}

.case-side-menu-status-wrap {
	margin-top: 8px !important;
}

/* -------------------------
   19.2 ACTIVE LEFT MENU ITEM
   make it clearer and more intentional
   ------------------------- */
.case-side-menu-item.active-menu-item, .case-side-menu-item.menu-active,
	.case-side-menu-item.selected-menu-item {
	background: rgba(6, 101, 196, 0.10) !important;
	color: #0665c4 !important;
	font-weight: 600 !important;
	border: 1px solid rgba(6, 101, 196, 0.12);
}

.case-side-menu-item.active-menu-item .case-side-menu-icon,
	.case-side-menu-item.menu-active .case-side-menu-icon,
	.case-side-menu-item.selected-menu-item .case-side-menu-icon {
	color: #0665c4 !important;
}

/* -------------------------
   19.3 TOP TABS
   cleaner and slightly stronger
   ------------------------- */
body .case-layout-content .ui-tabview {
	border: 1px solid #e7edf5;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04);
	overflow: hidden;
}

body .case-layout-content .ui-tabview .ui-tabview-nav {
	background: #ffffff;
	border-bottom: 1px solid #eef2f7;
	padding-left: 8px;
}

body .case-layout-content .ui-tabview .ui-tabview-nav li {
	margin-right: 6px;
}

body .case-layout-content .ui-tabview .ui-tabview-nav li a {
	padding: 10px 12px !important;
	font-size: 12px;
	color: #475569;
	border: 0 !important;
}

body .case-layout-content .ui-tabview .ui-tabview-nav li.ui-state-active a
	{
	color: #2563eb !important;
	font-weight: 600;
	border-bottom: 2px solid #d9a520 !important;
}

body .case-layout-content .ui-tabview .ui-tabview-panels {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

/* -------------------------
   19.4 SECTION FIELDSETS
   stronger header, lighter body
   ------------------------- */
body .ui-fieldset.clean-section-fieldset {
	border: 1px solid #e7edf5 !important;
	border-radius: 10px !important;
	background: #fbfcfe !important;
}

body .ui-fieldset.clean-section-fieldset .ui-fieldset-legend {
	background: #f8fafc !important;
	border: 0 !important;
	border-bottom: 1px solid #eef2f7 !important;
	border-radius: 10px 10px 0 0 !important;
	padding: 12px 14px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	width: 100%;
	box-sizing: border-box;
}

body .ui-fieldset.clean-section-fieldset .ui-fieldset-content {
	padding: 14px !important;
	background: #ffffff !important;
	border-radius: 0 0 10px 10px;
}

/* -------------------------
   19.5 DETAIL TABLES
   reduce visual noise
   ------------------------- */
body .clean-section-fieldset .ui-panelgrid .ui-panelgrid-cell, body .clean-section-fieldset .ui-panelgrid tbody tr td
	{
	padding: 10px 12px !important;
	border-bottom: 1px solid #f3f6fa !important;
	border-right: 1px solid #f3f6fa !important;
	background: #ffffff;
}

body .clean-section-fieldset .ui-panelgrid tbody tr td:last-child {
	border-right: 0 !important;
}

body .clean-section-fieldset .ui-panelgrid tbody tr:last-child td {
	border-bottom: 0 !important;
}

body .clean-section-fieldset .panel-grid-label-cell-form {
	background: #f8fafc !important;
	color: #475569 !important;
	font-weight: 600 !important;
}

/* values stand out slightly more */
body

 

.clean-section-fieldset

 

.ui-panelgrid

 

td


:not

 

(
.panel-grid-label-cell-form


	

)
{
color


:

 

#0f172a


;
}

/* -------------------------
   19.6 SECTION SPACING
   ------------------------- */
.section-gap-top {
	margin-top: 12px !important;
}

/* -------------------------
   19.7 VIEW EDIT BUTTON
   smaller and calmer
   ------------------------- */
.case-page-header-card .content-btn, .case-layout-content .content-btn {
	height: 32px !important;
	min-height: 32px !important;
	font-size: 11px !important;
	padding: 0 10px !important;
	border-radius: 8px !important;
}

.case-page-header-card .content-btn .ui-button-text,
	.case-layout-content .content-btn .ui-button-text {
	padding-left: 16px !important;
}

.case-page-header-card .content-btn .ui-button-icon-left,
	.case-layout-content .content-btn .ui-button-icon-left {
	left: 9px !important;
	font-size: 11px !important;
}

/* -------------------------
   19.8 OVERALL RIGHT CONTENT
   slightly less empty
   ------------------------- */
.case-layout-content .content-card {
	margin-bottom: 12px !important;
}

.case-layout-content .content-card-header {
	margin-bottom: 8px !important;
}

.content-card-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 14px;
	flex-wrap: wrap;
}

/* =========================================================
   20. FORM CONTROL SOFTENING
   compact, cleaner and calmer form controls
   replace this whole section when adjusting inputs,
   dropdowns, calendars and similar editable controls
   ========================================================= */
/* =========================================================
   20.1 TEXT INPUTS AND TEXTAREAS
   replace this section when adjusting normal text field size,
   border softness, radius and compact spacing
   ========================================================= */
body .boardered-text-field, body input.boardered-text-field, body textarea.boardered-text-field,
	body .ui-inputfield.boardered-text-field {
	max-width: 100% !important;
	box-sizing: border-box !important;
	border: 1px solid #dbe4ee !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	box-shadow: none !important;
	color: #1e293b !important;
	height: 32px !important;
	min-height: 32px !important;
	padding: 6px 9px !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	transition: border-color 0.18s ease, box-shadow 0.18s ease,
		background-color 0.18s ease;
}

/* =========================================================
   20.2 SELECTONEMENU SHELL
   replace this section when adjusting overall dropdown size
   and outer shell appearance
   ========================================================= */
body .ui-selectonemenu.boardered-text-field, body .boardered-text-field.ui-selectonemenu
	{
	border: 1px solid #dbe4ee !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	box-shadow: none !important;
	height: 32px !important;
	min-height: 32px !important;
	display: inline-flex !important;
	align-items: stretch !important;
	overflow: hidden !important;
	vertical-align: middle !important;
}
/* =========================================================
   20.3 SELECTONEMENU LABEL AREA
   replace this section when adjusting selected text spacing
   and vertical alignment inside dropdowns
   ========================================================= */
body .ui-selectonemenu.boardered-text-field .ui-selectonemenu-label,
	body .boardered-text-field.ui-selectonemenu .ui-selectonemenu-label {
	background: transparent !important;
	border: 0 !important;
	color: #1e293b !important;
	padding: 0 10px !important;
	font-size: 12px !important;
	height: 30px !important;
	min-height: 30px !important;
	line-height: 30px !important;
	display: block !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	margin-top: -5px !important;
}
/* =========================================================
   20.4 SELECTONEMENU TRIGGER
   replace this section when adjusting the dropdown indicator
   on the right side
   ========================================================= */
body .ui-selectonemenu.boardered-text-field .ui-selectonemenu-trigger,
	body .boardered-text-field.ui-selectonemenu .ui-selectonemenu-trigger {
	width: 32px !important;
	min-width: 32px !important;
	height: 30px !important;
	min-height: 30px !important;
	background: #f8fafc !important;
	border: 0 !important;
	border-left: 1px solid #e8eef5 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* dropdown arrow/icon inside trigger */
body .ui-selectonemenu.boardered-text-field .ui-selectonemenu-trigger .ui-icon,
	body .boardered-text-field.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
	body .ui-selectonemenu.boardered-text-field .ui-selectonemenu-trigger span,
	body .boardered-text-field.ui-selectonemenu .ui-selectonemenu-trigger span
	{
	color: #64748b !important;
	font-size: 11px !important;
	line-height: 1 !important;
	margin: 0 !important;
	top: auto !important;
	left: auto !important;
	position: static !important;
}
/* =========================================================
   20.9 DROPDOWN PANEL (SOFT + APP-LIKE)
   replace this section when adjusting dropdown panel feel
   ========================================================= */
body .ui-selectonemenu-panel {
	border: 0 !important; /* remove black border completely */
	border-radius: 10px !important;
	background: #ffffff !important;
	/* softer elevation instead of border */
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
	overflow: hidden;
	margin-top: 4px !important;
}

body .ui-selectonemenu-panel.ui-widget, body .ui-selectonemenu-panel.ui-widget-content
	{
	border: 0 !important;
}
/* filter area */
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
	padding: 6px !important;
	background: #fafbfd !important;
	border-bottom: 1px solid #f0f4f9 !important;
}

/* filter input */
body .ui-selectonemenu-panel .ui-selectonemenu-filter {
	width: 100% !important;
	height: 30px !important;
	padding: 6px 28px 6px 8px !important;
	font-size: 12px !important;
	border: 1px solid #e3eaf3 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
}

/* filter icon */
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon
	{
	right: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: #94a3b8 !important;
	font-size: 12px !important;
}
/* =========================================================
   20.9.1 DROPDOWN ITEMS (MINIMAL / CLEAN)
   replace this part when fixing list feel
   ========================================================= */

/* container */
body .ui-selectonemenu-panel .ui-selectonemenu-items {
	padding: 6px 0 !important;
}

/* items */
body .ui-selectonemenu-panel .ui-selectonemenu-item {
	padding: 9px 12px !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	border: 0 solid transparent !important;
	border-radius: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	color: #1e293b !important;
}

/* subtle divider instead of box borders */
body

 

.ui-selectonemenu-panel

 

.ui-selectonemenu-item


:not

 

(
:last-child

 

)
{
border-bottom


:

 

1
px

 

solid

 

#f1f5f9

 

!
important


;
}

/* hover */
body .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-hover {
	background: #f8fafc !important;
}

/* selected */
body .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-highlight {
	background: #eef4ff !important;
	color: #1d4ed8 !important;
	font-weight: 500 !important;
}

/* =========================================================
   20.5 CALENDAR INPUT
   replace this section when adjusting calendar field size
   and compactness
   ========================================================= */
body .ui-calendar, body .ui-calendar .boardered-text-field, body .ui-calendar input.boardered-text-field
	{
	max-width: 100% !important;
	box-sizing: border-box !important;
}

body .ui-calendar input.boardered-text-field, body .ui-calendar .boardered-text-field
	{
	border: 1px solid #dbe4ee !important;
	border-radius: 7px !important;
	box-shadow: none !important;
	height: 32px !important;
	min-height: 32px !important;
	padding: 6px 9px !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
}

/* =========================================================
   20.6 FOCUS STATE
   replace this section when adjusting focus ring and active
   field appearance
   ========================================================= */
body .boardered-text-field:focus, body input.boardered-text-field:focus,
	body textarea.boardered-text-field:focus, body .ui-inputfield.boardered-text-field:focus,
	body .ui-selectonemenu.boardered-text-field.ui-state-focus, body .boardered-text-field.ui-selectonemenu.ui-state-focus,
	body .ui-calendar input.boardered-text-field:focus {
	border-color: #b8cbe0 !important;
	box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.05) !important;
	outline: none !important;
}

body .ui-selectonemenu.boardered-text-field.ui-state-focus .ui-selectonemenu-trigger,
	body .boardered-text-field.ui-selectonemenu.ui-state-focus .ui-selectonemenu-trigger
	{
	background: #eef4f8 !important;
}

/* =========================================================
   20.7 HOVER STATE
   replace this section when adjusting subtle hover feedback
   ========================================================= */
body .boardered-text-field:hover, body .ui-selectonemenu.boardered-text-field:hover,
	body .boardered-text-field.ui-selectonemenu:hover {
	border-color: #cfd9e4 !important;
}

body .ui-selectonemenu.boardered-text-field:hover .ui-selectonemenu-trigger,
	body .boardered-text-field.ui-selectonemenu:hover .ui-selectonemenu-trigger
	{
	background: #f1f5f9 !important;
}

/* =========================================================
   20.8 DISABLED OR READ ONLY
   replace this section when adjusting disabled field styling
   ========================================================= */
body .ui-state-disabled.boardered-text-field, body .boardered-text-field.ui-state-disabled,
	body input.boardered-text-field[disabled], body textarea.boardered-text-field[disabled]
	{
	background: #f8fafc !important;
	border-color: #e5edf5 !important;
	color: #64748b !important;
	opacity: 1 !important;
}
/* =========================================================
   20.10 CALENDAR POPUP
   replace this section when adjusting the date picker popup
   ========================================================= */
body .ui-datepicker {
	border: 1px solid #dbe4ee !important;
	border-radius: 10px !important;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10) !important;
	overflow: hidden;
}

/* =========================================================
   20.11 LEGACY CORNER HELPERS
   replace this section when neutralizing old helper classes
   that force square corners
   ========================================================= */
body .BordRad3, body .boardered-text-field.BordRad3 {
	border-radius: 7px !important;
}
/* =========================================================
   20.12 PANEL GRID CONTROL CONTAINMENT
   keeps form controls inside panel grid cells
   ========================================================= */
body .clean-panel-grid .ui-panelgrid-cell, body .clean-panel-grid td,
	body .section-panel .ui-panelgrid-cell, body .section-panel td {
	box-sizing: border-box !important;
	vertical-align: middle !important;
}

body .clean-panel-grid input, body .clean-panel-grid select, body .clean-panel-grid textarea,
	body .clean-panel-grid .ui-selectonemenu, body .clean-panel-grid .ui-calendar
	{
	max-width: 100% !important;
}
/* textarea – match input look and stay inside panel grid cells */
body .ui-inputtextarea, body textarea.ui-inputtextarea, body .boardered-text-area
	{
	max-width: 100% !important;
	box-sizing: border-box !important;
	padding: 8px 10px !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 6px !important;
	background: #fff !important;
	color: #1e293b !important;
	box-shadow: none !important;
	display: block !important;
	resize: vertical;
}

/* focus */
body .ui-inputtextarea:focus, body textarea.ui-inputtextarea:focus, body .boardered-text-area:focus
	{
	border-color: #cbd5e1 !important;
	box-shadow: 0 0 0 1px #cbd5e1 !important;
	outline: none !important;
}

/* panel grid cell containment */
body .clean-panel-grid .ui-panelgrid-cell, body .clean-panel-grid td,
	body .clean-panel-grid .p-col {
	box-sizing: border-box !important;
	overflow: hidden;
}

/* selectManyCheckbox – remove fake table spacing */
body .ui-selectmanycheckbox label {
	margin-left: 6px !important;
	margin-right: 18px !important;
	font-size: 12px !important;
	color: #1e293b !important;
	vertical-align: middle;
}

body .ui-selectmanycheckbox td {
	padding: 4px 0 !important;
	border: 0 !important;
	background: transparent !important;
	vertical-align: top !important;
}

body .ui-selectmanycheckbox tr {
	border: 0 !important;
}

body .ui-selectmanycheckbox table {
	width: 100% !important;
	border-collapse: collapse !important;
}

body .ui-selectmanycheckbox .ui-chkbox {
	margin-right: 4px !important;
	vertical-align: middle;
} /* selectOneRadio – remove grid stiffness */
body .ui-selectoneradio td {
	padding: 4px 0 !important;
	border: 0 !important;
	background: transparent !important;
	vertical-align: middle !important;
}

body .ui-selectoneradio table {
	width: 100% !important;
	border-collapse: collapse !important;
}

body .ui-selectoneradio label {
	margin-left: 6px !important;
	margin-right: 18px !important;
	font-size: 12px !important;
	color: #1e293b !important;
}

body .ui-selectoneradio .ui-radiobutton {
	margin-right: 4px !important;
	vertical-align: middle;
}

/* page header card */
.content-header-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 18px;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.content-header-main {
	min-width: 0;
}

.content-header-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	color: #0f172a;
	margin-bottom: 4px;
}

.content-header-subtitle {
	font-size: 12px;
	line-height: 1.4;
	color: #64748b;
}

.content-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
} /* =========================================================
   TAB MENU CLEAN (Reusable across system)
   Usage: styleClass="tabmenu-clean"
   ========================================================= */

/* Reset spacing */
.tabmenu-clean .ui-tabmenu-nav, .tabmenu-clean .ui-tabmenu-nav li,
	.tabmenu-clean .ui-tabmenu-nav li a {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Remove gaps between tabs */
.tabmenu-clean .ui-tabmenu-nav>.ui-tabmenuitem {
	margin: 0;
	border: none;
}

/* Base tab styling */
.tabmenu-clean .ui-tabmenu-nav>.ui-tabmenuitem>a.ui-menuitem-link {
	display: block;
	height: 100%;
	padding: 12px 0;
	border-radius: 0;
	border-bottom: 4px solid transparent;
	transition: all 0.2s ease;
}

/* Color variations (by position) */
.tabmenu-clean .ui-tabmenu-nav li:nth-child(1)>a {
	background-color: rgba(33, 150, 243, 0.18);
}

.tabmenu-clean .ui-tabmenu-nav li:nth-child(2)>a {
	background-color: rgba(156, 39, 176, 0.18);
}

.tabmenu-clean .ui-tabmenu-nav li:nth-child(3)>a {
	background-color: rgba(76, 175, 80, 0.18);
}

.tabmenu-clean .ui-tabmenu-nav li:nth-child(4)>a {
	background-color: rgba(255, 152, 0, 0.22);
}

.tabmenu-clean .ui-tabmenu-nav li:nth-child(5)>a {
	background-color: rgba(244, 67, 54, 0.18);
}

/* Hover */
.tabmenu-clean .ui-menuitem-link:hover {
	filter: brightness(0.97);
}

/* Active tab */
.tabmenu-clean .ui-tabmenu-nav li.ui-state-active>a {
	font-weight: 600;
	filter: brightness(0.93);
	border-bottom-color: rgba(0, 0, 0, 0.25);
}

/* Remove container borders */
.tabmenu-clean.ui-tabmenu, .tabmenu-clean .ui-tabmenu-nav {
	border: none;
}

/* Override Ultima spacing */
body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem {
	margin: 0 !important;
}

/* Active border cleanup */
body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-active {
	border: none;
}

/* PrimeFaces autocomplete should visually match normal text fields */
body .ui-autocomplete, body .ui-autocomplete-input, body .ui-autocomplete .ui-autocomplete-input
	{
	width: 100%;
	box-sizing: border-box;
}

body .ui-autocomplete .ui-autocomplete-input {
	background-image: none !important;
	box-shadow: none !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	padding: 8px 10px !important;
	height: auto !important;
	min-height: 36px;
}

/* when autocomplete has dropdown button */
body .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	width: calc(100% - 2.4rem) !important;
}

body .ui-autocomplete .ui-autocomplete-dropdown {
	border-left: 0 !important;
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	box-shadow: none !important;
}

/* wrapper should not introduce fake extra field look */
body .ui-autocomplete {
	display: inline-flex !important;
	align-items: stretch;
}

/* focus state to match your fields */
body .ui-autocomplete .ui-autocomplete-input:focus {
	border-color: #94a3b8 !important;
	box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.15) !important;
	outline: none !important;
}

.password-hints {
	margin-top: 8px;
	padding: 10px 12px;
	border: 1px solid #dfe3e8;
	border-radius: 6px;
	background: #fafbfc;
	font-size: 12px;
	line-height: 1.8;
}

.password-strength-wrap {
	margin-top: 8px;
}

.password-strength-label {
	font-size: 12px;
	font-weight: 600;
	color: #495057;
}

.password-hints {
	margin-top: 8px;
	padding: 10px 12px;
	border: 1px solid #dfe3e8;
	border-radius: 6px;
	background: #fafbfc;
	font-size: 12px;
	line-height: 1.8;
}

.password-hints .rule-ok {
	color: #1e7e34;
	font-weight: 600;
}

.password-hints .rule-bad {
	color: #c0392b;
} /* ================================
   BADGES
================================ */
.content-badge {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
}

.content-badge-neutral {
	background: #f3f4f6;
	color: #374151;
	border: 1px solid #e5e7eb;
}

.content-badge-primary {
	background: #eef2ff;
	color: #3730a3;
	border: 1px solid #e0e7ff;
}

.content-badge-success {
	background: #ecfdf5;
	color: #065f46;
	border: 1px solid #d1fae5;
}

.content-badge-warning {
	background: #fffbeb;
	color: #92400e;
	border: 1px solid #fde68a;
}

.content-badge-danger {
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fecaca;
}

/* ================================
   TOOLBAR RIGHT AREA
================================ */
.content-toolbar-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

/* ================================
   TABLE WRAPPER SPACING
================================ */
.content-table-wrap {
	margin-top: 12px;
}

.content-table-wrap-lg {
	margin-top: 18px;
}

.content-table-wrap-sm {
	margin-top: 8px;
}

.subtle-action {
	background: #f8fafc;
	color: #1f2937;
	border: 1px solid #e5e7eb;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.subtle-action:hover {
	background: #eef2f7;
	border-color: #d1d5db;
	color: #111827;
}

.clean-wizard .ui-wizard-step-titles {
	background: transparent;
	border: none;
	padding: 0 0 12px 0;
}

.clean-wizard .ui-wizard-step-title.ui-state-highlight {
	background: #eef2ff;
	color: #3730a3;
	border-color: #c7d2fe;
}

.clean-wizard .ui-wizard-content {
	border: none;
	background: transparent;
	padding: 0;
}

.vertical-radio label {
	display: inline-block;
	margin-bottom: 6px;
}

.vertical-radio .ui-radiobutton {
	margin-bottom: 6px;
}

.clean-panel-grid-wizard {
	width: 98% !important;
	margin: 10px !important;
}

.content-btn .ui-button-icon-right {
	margin-left: 6px;
}

.layout-wrapper .topbar {
	height: 65px !important;
}

.topbar-section {
	min-height: 50px !important;
}

@media ( min-width : 1025px) {
	.layout-wrapper.menu-layout-horizontal .layout-menu {
		top: 65px !important;
	}
}
.topbar-section { 
  padding: 0px !important;
}


.document-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;

	padding: 14px;

	border: 1px solid #e3e7ef;
	border-radius: 4px;

	background: #ffffff;

	cursor: pointer;

	transition: all 0.15s ease;
}
.document-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;

	padding: 14px;

	border: 1px solid #e3e7ef;
	border-radius: 4px;
	background: #ffffff;

	cursor: pointer;
	transition: all 0.15s ease;

	height: 110px;
}
 .document-description {
	font-size: 12px;
	line-height: 18px;
	color: #66758c;

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.document-content {
	flex: 1;
	min-width: 0;

	display: flex;
	flex-direction: column;
	height: 100%;
}
.document-meta {
	margin-top: auto;
	font-size: 11px;
	color: #98a3b3;
}