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

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

.MarginTop5 {
	margin-top: 5px;
}

.MarginTop10 {
	margin-top: 10px;
}

.MarginTop20 {
	margin-top: 20px;
}

.MarginTop80 {
	margin-top: 80px;
}

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

.marginTop10 {
	margin-top: 10px;
}

.Margin5 {
	margin: 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: 13px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.BordRad3 {
	border-radius: 0px;
}

.panelgridcolumns td {
	vertical-align: top;
}

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

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

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

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

.FloatRight {
	float: right !important;
}

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

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

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

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

.red {
	color: red !important;
}

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

.white {
	color: white !important;
}

.White {
	color: white !important;
}

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

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

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

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

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

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

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

.Red {
	color: red !important;
}

.Blue {
	color: blue !important;
}

.DarkBlueBG {
	background-color: #1b0459 !important;
	color: white !important;
}

.DarkBlue {
	color: #04048a !important;
}

.Black {
	color: black !important;
}

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

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

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

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

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

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

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

.TexAlCenter {
	text-align: left;
}

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

.Wid100 {
	width: 100% !important;
}

.wid100 {
	width: 100% !important;
}

.wid95 {
	width: 95% !important;
}

.Wid95 {
	width: 95% !important;
}

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

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

.Wid90 {
	width: 90% !important;
}

.Wid80 {
	width: 80% !important;
}

.wid80 {
	width: 80% !important;
}

.Wid70 {
	width: 70% !important;
}

.wid70 {
	width: 70% !important;
}

.Wid74 {
	width: 74% !important;
}

.wid74 {
	width: 74% !important;
}

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

.Wid3 {
	width: 3% !important;
}

.Wid75 {
	width: 75% !important;
}

.wid75 {
	width: 75% !important;
}

.Wid50 {
	width: 50% !important;
}

.wid50 {
	width: 50% !important;
}

.Wid47 {
	width: 47% !important;
}

.wid47 {
	width: 47% !important;
}

.Wid49 {
	width: 49% !important;
}

.wid49 {
	width: 49% !important;
}

.Wid66Point6 {
	width: 66.6666% !important;
}

.DashCard {
	float: left;
	box-sizing: border-box;
	padding: 1.5em;
	height: 120px;
}

.DashCardContent {
	margin-top: 30px !important;
	margin-bottom: 10px !important;
}

.Wid33Point3 {
	width: 33.3333% !important;
}

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

.Wid5 {
	width: 5% !important;
}

.wid5 {
	width: 5% !important;
}

.Wid7 {
	width: 7% !important;
}

.wid7 {
	width: 7% !important;
}

.Wid18 {
	width: 18% !important;
}

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

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

.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: linear-gradient(to right, #79c3f2, #79c3f2, #79c3f2, #79c3f2, #0665c4);
	/* 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;
}

.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: 22px;
	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: 13px !important;
	text-align: right !important;
}

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

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

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

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

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

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

.ShowOnDesktop {
	display: inherit;
}

.FloatNoneOnMobile {
	
}

.show {
	display: block !important;
}

.hide {
	display: none !important;
}

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

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

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

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

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

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

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

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

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

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

.negative {
	color: red !important;
}

.positve {
	color: black !important;
}

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

a {
	outline: 0;
}

img {
	border: 0;
}

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

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

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

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

div#header div ul.navigation li a {
	text-decoration: none;
	display: block;
	font-family: Arial;
	font-size: 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: 21px;
	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: 24px;
	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: 0px !important;
	height: 30px !important;
	background-color: #FFF !important;
	color: black !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blue-black {
	color: #212121;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.LightBlueBG {
	background: #D4F1FB;
}

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

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

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

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

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

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

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

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

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

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

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

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

.closable-label {
	margin-left: 15px !important;
	padding-left: 5px !important;
	border-radius: 0px;
	font-weight: bold !important;
	height: 35px !important;
	display: inline-block;
}

.closable-button {
	border-radius: 0px !important;
	height: 35px !important;
	margin-right: -10px !important;
	margin-left: 3px;
}

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: #DCF2F9;
	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 #9696e7 !important;
	margin-bottom: 0px !important;
}

.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: 7px !important;
	font-size: 13px !important;
	color: #373737 !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: 15px !important;
}

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

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

.recent-activity {
	background-color: #347c49;
	color: #fff;
	font-size: 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;
}

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

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

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

.changes-made {
	background-color: #7c10b9 !important;
	color: white !important;
}

.email-recipeint-tag {
	background-color: #0f0f0f5e !important;
	color: #fff !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	border-radius: 3px;
	margin-left: 5px !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;
}

.RefreshIcon {
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	border-radius: 3px;
	min-height: 16px !important;
	background-color: #a509b3 !important;
	color: white !important;
}

.RerunIcon {
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	border-radius: 3px;
	min-height: 16px !important;
	background-color: #24aa5f !important;
	color: white !important;
}

.responsive-panel .ui-chkbox {
	display: inline-block;
	margin-right: 10px; /* Adjust as needed */
}

.data-table-panel-grid-cell {
	border-color: #b3b3ac !important;
	line-height: 25px !important;
}

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

body .ui-widget-content {
	/* 	border: 5px #bdbdbd;
 */
	
}

.content-page {
	max-width: 1400px;
	margin: 0 auto;
}

.batching-layout {
	padding: 0 !important;
}

.content-card {
	background: #ffffff;
	border: 1px solid #e7edf5;
	border-radius: 10px;
	box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04);
	margin-bottom: 14px;
}

.content-card.compact {
	padding: 10px 12px;
}

.content-card.flat {
	padding: 0;
	overflow: hidden;
}

.content-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 0px !important;
	padding-bottom: 6px;
	border-bottom: 1px solid #eef2f7;
}

.content-card-title {
	font-size: 15px;
	font-weight: 600;
	color: #1f2937;
	line-height: 1.2;
	margin: 0;
}

.content-card-subtitle {
	font-size: 11px;
	color: #6b7280;
	margin-top: 2px;
	line-height: 1.3;
}

.content-card-meta {
	margin-left: auto;
}

.content-badge {
	display: inline-block;
	padding: 4px 9px;
	border-radius: 999px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	font-size: 11px;
	font-weight: 600;
	color: #334155;
	white-space: nowrap;
}

/* top summary/details */
.summary-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 6px 12px;
}

.summary-item {
	min-width: 0;
}

.summary-item-wide {
	grid-column: span 2;
}

.summary-item-full {
	grid-column: 1/-1;
}

.summary-label {
	display: block;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	color: #64748b;
	margin-bottom: 1px;
	line-height: 1.2;
}

.summary-value {
	display: block;
	font-size: 12px;
	color: #0f172a;
	line-height: 1.3;
	word-break: break-word;
}

.summary-value-strong {
	font-weight: 600;
	font-size: 13px;
}

.summary-description {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* listing card */
.listing-card, .selection-card {
	padding: 0;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.listing-card:before, .selection-card:before {
	content: "";
	display: block;
	height: 2px;
	background: #dbe7f3;
}

.listing-card-header, .selection-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px 10px 14px;
	border-bottom: 1px solid #eaf0f6;
	background: linear-gradient(to bottom, #ffffff, #fbfdff);
}

.listing-card-header-main, .selection-card-header-main {
	min-width: 0;
}

.listing-card-title, .selection-card-title {
	font-size: 15px;
	font-weight: 600;
	color: #1f2937;
	line-height: 1.2;
	margin: 0;
}

.listing-card-subtitle, .selection-card-subtitle {
	font-size: 11px;
	color: #6b7280;
	margin-top: 3px;
	line-height: 1.3;
}

.listing-card-header-side, .selection-card-header-side {
	margin-left: auto;
}

.listing-count-badge {
	display: inline-block;
	padding: 4px 9px;
	border-radius: 999px;
	background: #f8fafc;
	border: 1px solid #dbe4ee;
	font-size: 11px;
	font-weight: 600;
	color: #334155;
	white-space: nowrap;
}

.listing-table-area {
	padding: 10px 12px 0 12px;
	flex: 1;
}

body .listing-table {
	border: 1px solid #eaf0f6 !important;
	border-radius: 8px;
	overflow: hidden;
	margin: 0 !important;
}

body .listing-table .ui-datatable-header {
	display: none;
}

body .listing-table .ui-datatable-tablewrapper {
	border: 0 !important;
}

body .listing-table table {
	border-collapse: collapse !important;
}

body .listing-table thead th {
	background: #f8fafc !important;
	color: #475569 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 0.25px;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 1px solid #eaf0f6 !important;
	padding: 9px 10px !important;
}

body .listing-table tbody td {
	background: #ffffff !important;
	color: #0f172a !important;
	font-size: 12px !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
	border-bottom: 1px solid #f1f5f9 !important;
	padding: 9px 10px !important;
	vertical-align: middle !important;
}

body .listing-table tbody tr:hover td {
	background: #fcfdff !important;
}

body .listing-table tbody td.RightAlign {
	font-weight: 600;
}

body .listing-table .ui-paginator {
	border: 0 !important;
	border-top: 1px solid #eaf0f6 !important;
	padding: 8px 10px !important;
	background: #ffffff !important;
}

.table-link-action {
	font-size: 12px;
	font-weight: 600;
}

/* selected claim card */
.selection-card-body {
	padding: 12px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.selection-empty-state {
	flex: 1;
	min-height: 320px;
	border: 1px dashed #dbe3ec;
	border-radius: 8px;
	background: #f8fafc;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #64748b;
	font-size: 13px;
	text-align: center;
	padding: 20px;
}

.selection-content {
	border: 1px solid #eaf0f6;
	border-radius: 8px;
	background: #ffffff;
	padding: 12px;
}

.selection-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.selection-row {
	padding-bottom: 8px;
	border-bottom: 1px solid #f1f5f9;
}

.selection-row:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.selection-label {
	display: block;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	color: #64748b;
	margin-bottom: 2px;
	line-height: 1.2;
}

.selection-value {
	display: block;
	font-size: 12px;
	color: #0f172a;
	line-height: 1.4;
	word-break: break-word;
}

/* responsive */
@media ( max-width : 1100px) {
	.summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.summary-item-wide {
		grid-column: span 1;
	}
}

@media ( max-width : 768px) {
	.summary-grid {
		grid-template-columns: 1fr;
	}
	.summary-item-wide, .summary-item-full {
		grid-column: auto;
	}
	.summary-description {
		white-space: normal;
	}
	.listing-card-header, .selection-card-header, .content-card-header {
		flex-wrap: wrap;
	}
}

/* remove ALL vertical borders completely */
body .listing-table table, body .listing-table th, body .listing-table td
	{
	border-left: 0 !important;
	border-right: 0 !important;
}

/* also remove wrapper borders that sometimes sneak in */
body .listing-table .ui-datatable-tablewrapper, body .listing-table .ui-datatable-data,
	body .listing-table .ui-datatable-scrollable-body {
	border-left: 0 !important;
	border-right: 0 !important;
} /* extend existing selection layout */

/* make grid 2 columns */
.selection-grid.two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 16px;
}

/* allow specific rows to span full width */
.selection-row.full-width {
	grid-column: 1/-1;
}

/* narrative separation */
.selection-narrative {
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid #eef2f7;
}

/* narrative text styling */
.selection-narrative-text {
	margin-top: 4px;
	font-size: 12px;
	line-height: 1.5;
	color: #0f172a;
	white-space: pre-line;
}

.selection-actions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid #eef2f7;
}

body a.selection-action-link, body a.selection-action-link:link, body a.selection-action-link:visited,
	body .selection-actions a.selection-action-link, body .selection-actions a.selection-action-link:link,
	body .selection-actions a.selection-action-link:visited {
	font-size: 12px !important;
	font-weight: 500 !important;
	color: #334155 !important;
	text-decoration: underline !important;
	cursor: pointer !important;
}

body a.selection-action-link:hover, body .selection-actions a.selection-action-link:hover
	{
	color: #0f172a !important;
	text-decoration: underline !important;
}

body a.selection-action-link.selection-action-primary, body a.selection-action-link.selection-action-primary:link,
	body a.selection-action-link.selection-action-primary:visited, body .selection-actions a.selection-action-link.selection-action-primary,
	body .selection-actions a.selection-action-link.selection-action-primary:link,
	body .selection-actions a.selection-action-link.selection-action-primary:visited
	{
	font-weight: 600 !important;
	color: #1e3a8a !important;
	text-decoration: underline !important;
}

body a.selection-action-link.selection-action-primary:hover, body .selection-actions a.selection-action-link.selection-action-primary:hover
	{
	color: #1e40af !important;
	text-decoration: underline !important;
}

.selection-action-separator {
	font-size: 11px;
	color: #cbd5e1;
}

.content-card-header .selection-action-link {
	margin-left: auto;
}

.dialog-card {
	padding: 0;
	overflow: hidden;
}

.dialog-toolbar {
	padding: 12px 14px 0 14px;
}

.dialog-search-box {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.dialog-search-input {
	min-width: 280px;
	width: 360px;
}

.dialog-search-btn {
	height: 34px;
}

.dialog-search-btn.ui-button {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
}

.dialog-search-btn .ui-button-icon-left {
	position: static !important;
	margin: 0 !important;
}

body .dialog-search-input.ui-inputfield {
	border-radius: 8px !important;
	box-shadow: none !important;
	padding: 8px 10px !important;
	font-size: 12px !important;
}

body .dialog-search-btn.ui-button {
	border-radius: 8px !important;
	font-size: 12px !important;
	padding: 0 12px !important;
}

body .dialog-search-btn .ui-button-text {
	font-size: 12px !important;
}

@media ( max-width : 768px) {
	.dialog-search-box {
		flex-direction: column;
		align-items: stretch;
	}
	.dialog-search-input {
		width: 100%;
		min-width: 100%;
	}
}

body .listing-table .ui-paginator {
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

body .listing-table .ui-paginator-pages {
	display: inline-flex !important;
	align-items: center;
	gap: 4px;
}

body .listing-table .ui-paginator-page, body .listing-table .ui-paginator-next,
	body .listing-table .ui-paginator-prev, body .listing-table .ui-paginator-first,
	body .listing-table .ui-paginator-last {
	min-width: 28px !important;
	height: 28px !important;
	line-height: 28px !important;
	text-align: center !important;
	border-radius: 6px !important;
	display: inline-block !important;
	color: #334155 !important;
}

ody .listing-table .ui-paginator-page:hover, body .listing-table .ui-paginator-next:hover,
	body .listing-table .ui-paginator-prev:hover, body .listing-table .ui-paginator-first:hover,
	body .listing-table .ui-paginator-last:hover {
	color: #0f172a !important;
}

body .listing-table .ui-paginator-current {
	margin-right: 8px !important;
}

body .listing-table .ui-paginator-page.ui-state-active {
	color: #0f172a !important;
}
/* =========================================================
   CLEAN TAB VIEW
   reusable lightweight tab styling
   usage: styleClass="tabview-clean"
   ========================================================= */

/* kill tabview chrome */
body .tabview-clean.ui-tabview {
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	box-shadow: none !important;
}

/* remove all inherited chrome */
body .tabview-clean, body .tabview-clean.ui-tabview, body .tabview-clean .ui-tabview-panels,
	body .tabview-clean .ui-tabview-panel, body .tabview-clean .ui-tabview-navcontainer,
	body .tabview-clean .ui-tabview-nav, body .tabview-clean .ui-widget-content,
	body .tabview-clean .ui-widget-header {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* header row */
body .tabview-clean .ui-tabview-nav {
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
	display: flex;
	gap: 8px;
}

/* tabs */
body .tabview-clean .ui-tabview-nav li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* tab link */
body .tabview-clean .ui-tabview-nav li a {
	display: inline-block !important;
	padding: 4px 2px !important;
	color: #64748b !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	border: 0 !important;
	background: transparent !important;
	border-bottom: 2px solid transparent !important;
}

/* hover */
body .tabview-clean .ui-tabview-nav li:hover a {
	color: #0f172a !important;
	border-bottom-color: #e2e8f0 !important;
}

/* active */
body .tabview-clean .ui-tabview-nav li.ui-state-active a {
	color: #0f172a !important;
	font-weight: 600 !important;
	border-bottom: 2px solid #94a3b8 !important;
}

/* panels */
body .tabview-clean .ui-tabview-panels {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

/* compact theme override */
body.layout-compact .tabview-clean.ui-tabs .ui-tabs-panel {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* grid cleanup inside tabs */
body.layout-compact .tabview-clean.ui-tabs .ui-g {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.layout-compact .tabview-clean.ui-tabs .ui-g-6, body.layout-compact .tabview-clean.ui-tabs .ui-g-12
	{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.layout-compact .tabview-clean.ui-tabs .ui-g-6:first-child {
	padding-right: 6px !important;
}

body.layout-compact .tabview-clean.ui-tabs .ui-g-6:last-child {
	padding-left: 6px !important;
}

/* optional action row helper */
.tab-header-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
/* =========================================================
   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;
}

/* =========================================================
   21. MODERN FORM CONTROLS + GRIDS
   copied from the good project pattern for dropdowns,
   calendars, panel grids, textareas and autocomplete
   ========================================================= */

/* =========================================================
   21.1 CLEAN PANEL GRID
   ========================================================= */
.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










;
}

/* =========================================================
   21.2 SECTION PANEL
   ========================================================= */
.section-panel {
	border: 1px solid #eaeaea !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	margin-bottom: 16px;
	margin-top: 5px;
	margin-left: 0;
	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;
}

/* =========================================================
   21.3 TEXT INPUTS
   ========================================================= */
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;
}

/* =========================================================
   21.4 SELECTONEMENU SHELL
   ========================================================= */
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;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

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

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

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

/* =========================================================
   21.5 SELECTONEMENU PANEL
   ========================================================= */
body .ui-selectonemenu-panel {
	border: 0 !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	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;
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
	padding: 6px !important;
	background: #fafbfd !important;
	border-bottom: 1px solid #f0f4f9 !important;
}

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

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

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

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

body





 





.ui-selectonemenu-panel





 





.ui-selectonemenu-item










:not





 





(
:last-child





 





)
{
border-bottom










:





 





1
px





 





solid





 





#f1f5f9





 





!
important










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

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

/* =========================================================
   21.6 SELECTCHECKBOXMENU
   ========================================================= */
body .ui-selectcheckboxmenu.boardered-text-field, body .boardered-text-field.ui-selectcheckboxmenu
	{
	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;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

body .ui-selectcheckboxmenu.boardered-text-field .ui-selectcheckboxmenu-label,
	body .boardered-text-field.ui-selectcheckboxmenu .ui-selectcheckboxmenu-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;
}

body .ui-selectcheckboxmenu.boardered-text-field .ui-selectcheckboxmenu-trigger,
	body .boardered-text-field.ui-selectcheckboxmenu .ui-selectcheckboxmenu-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;
}

body .ui-selectcheckboxmenu.boardered-text-field .ui-selectcheckboxmenu-trigger .ui-icon,
	body .boardered-text-field.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon,
	body .ui-selectcheckboxmenu.boardered-text-field .ui-selectcheckboxmenu-trigger span,
	body .boardered-text-field.ui-selectcheckboxmenu .ui-selectcheckboxmenu-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;
}

body .ui-selectcheckboxmenu-panel {
	border: 0 !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
	overflow: hidden;
	margin-top: 4px !important;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
	background: #fafbfd !important;
	border: 0 !important;
	border-bottom: 1px solid #f0f4f9 !important;
	padding: 6px 8px !important;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container
	{
	padding: 0 !important;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-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;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items {
	padding: 6px 0 !important;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item {
	padding: 8px 12px !important;
	font-size: 12px !important;
	background: transparent !important;
	color: #1e293b !important;
	border: 0 !important;
	margin: 0 !important;
}

body





 





.ui-selectcheckboxmenu-panel





 





.ui-selectcheckboxmenu-item










:not





 





(
:last-child






	





)
{
border-bottom










:





 





1
px





 





solid





 





#f1f5f9





 





!
important










;
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item.ui-state-hover,
	body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item.ui-state-highlight
	{
	background: #f8fafc !important;
}

/* =========================================================
   21.7 CALENDAR
   ========================================================= */
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;
}

/* =========================================================
   21.8 FOCUS + HOVER
   ========================================================= */
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-selectcheckboxmenu.boardered-text-field.ui-state-focus, body .boardered-text-field.ui-selectcheckboxmenu.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,
	body .ui-selectcheckboxmenu.boardered-text-field.ui-state-focus .ui-selectcheckboxmenu-trigger,
	body .boardered-text-field.ui-selectcheckboxmenu.ui-state-focus .ui-selectcheckboxmenu-trigger
	{
	background: #eef4f8 !important;
}

body .boardered-text-field:hover, body .ui-selectonemenu.boardered-text-field:hover,
	body .boardered-text-field.ui-selectonemenu:hover, body .ui-selectcheckboxmenu.boardered-text-field:hover,
	body .boardered-text-field.ui-selectcheckboxmenu: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,
	body .ui-selectcheckboxmenu.boardered-text-field:hover .ui-selectcheckboxmenu-trigger,
	body .boardered-text-field.ui-selectcheckboxmenu:hover .ui-selectcheckboxmenu-trigger
	{
	background: #f1f5f9 !important;
}

/* =========================================================
   21.9 DISABLED
   ========================================================= */
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;
}

/* =========================================================
   21.10 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;
}

/* =========================================================
   21.11 LEGACY RADIUS HELPER OVERRIDE
   ========================================================= */
body .BordRad3, body .boardered-text-field.BordRad3 {
	border-radius: 7px !important;
}

/* =========================================================
   21.12 PANEL GRID CONTAINMENT
   ========================================================= */
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-selectcheckboxmenu,
	body .clean-panel-grid .ui-calendar, body .section-panel input, body .section-panel select,
	body .section-panel textarea, body .section-panel .ui-selectonemenu,
	body .section-panel .ui-selectcheckboxmenu, body .section-panel .ui-calendar
	{
	max-width: 100% !important;
}

/* =========================================================
   21.13 TEXTAREA
   ========================================================= */
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;
}

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

/* =========================================================
   21.14 SELECT MANY CHECKBOX
   ========================================================= */
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;
}

/* =========================================================
   21.15 SELECT ONE RADIO
   ========================================================= */
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;
}

/* =========================================================
   21.16 AUTOCOMPLETE
   ========================================================= */
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;
}

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

body .ui-autocomplete {
	display: inline-flex !important;
	align-items: stretch;
}

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

/* =========================================================
   21.17 MULTI SELECT WIDTH + VISIBILITY FIX
   ========================================================= */

/* make selectCheckboxMenu usable in toolbars and forms */
body .ui-selectcheckboxmenu.boardered-text-field, body .boardered-text-field.ui-selectcheckboxmenu,
	body .ui-selectcheckboxmenu {
	min-width: 160px !important;
	width: auto !important;
	max-width: 100% !important;
}

/* when explicitly used as full width inside forms/grids */
body .Wid100.ui-selectcheckboxmenu, body .ui-selectcheckboxmenu.Wid100,
	body .clean-panel-grid .ui-selectcheckboxmenu, body .section-panel .ui-selectcheckboxmenu
	{
	width: 100% !important;
	min-width: 100% !important;
}

/* label area should not collapse visually */
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	padding-right: 34px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* =========================================================
   21.18 MULTI SELECT PANEL
   make popup and filter/search area more visible
   ========================================================= */
body .ui-selectcheckboxmenu-panel {
	border: 1px solid #dbe4ee !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10) !important;
	overflow: hidden;
	margin-top: 4px !important;
}

/* top search/header area */
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
	background: #f8fafc !important;
	border-bottom: 1px solid #e5edf5 !important;
	padding: 8px !important;
}

/* search input wrapper */
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container
	{
	background: transparent !important;
	padding: 0 !important;
}

/* search field itself */
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter {
	width: 100% !important;
	height: 32px !important;
	padding: 6px 28px 6px 10px !important;
	font-size: 12px !important;
	border: 1px solid #d7e0ea !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

/* search icon */
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container .ui-icon
	{
	right: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: #94a3b8 !important;
	font-size: 12px !important;
}

/* list area slightly clearer */
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items {
	padding: 6px 0 !important;
	background: #ffffff !important;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item {
	padding: 8px 12px !important;
	font-size: 12px !important;
	background: transparent !important;
	color: #1e293b !important;
	border: 0 !important;
	margin: 0 !important;
}

body





 





.ui-selectcheckboxmenu-panel





 





.ui-selectcheckboxmenu-item










:not





 





(
:last-child






	





)
{
border-bottom










:





 





1
px





 





solid





 





#f1f5f9





 





!
important










;
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item.ui-state-hover,
	body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item.ui-state-highlight
	{
	background: #f8fafc !important;
} /* =========================================================
   FIX DROPDOWN VERTICAL ALIGNMENT (label vs icon)
   ========================================================= */

/* make container behave like a proper flex box */
body .ui-selectcheckboxmenu.boardered-text-field, body .boardered-text-field.ui-selectcheckboxmenu
	{
	display: inline-flex !important;
	align-items: center !important;
}

/* fix label alignment */
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	display: flex !important;
	align-items: center !important;
	height: 100% !important;
	line-height: normal !important;
	margin-top: 0 !important; /* kill that earlier offset */
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* fix trigger alignment */
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 100% !important;
}

/* fix icon positioning (PrimeFaces loves absolute positioning) */
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon,
	body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger span {
	position: static !important;
	margin: 0 !important;
	top: auto !important;
	left: auto !important;
} /* fix only the selection card header */
.selection-card {
	padding: 0 !important;
	overflow: hidden !important;
}

.selection-card-header {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 12px 16px !important;
	box-sizing: border-box !important;
	border-bottom: 1px solid #e5e7eb !important;
}

.selection-card-header-main {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.selection-card-title, .selection-card-subtitle {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* keep body and footer padded after removing card padding */
.selection-card>.ui-outputpanel, .selection-card>.content-card-actions {
	padding-left: 16px !important;
	padding-right: 16px !important;
	box-sizing: border-box !important;
}

/* no fake divider under the radio area */
.content-card-actions {
	border-top: 0 !important;
}

.listing-card {
	padding: 0 !important;
	overflow: hidden !important;
}

.listing-card-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px;
	width: 100% !important;
	margin: 0 !important;
	padding: 12px 16px !important;
	box-sizing: border-box !important;
	border-bottom: 1px solid #e5e7eb !important;
}

.listing-card-header-main, .listing-card-header-side {
	margin: 0 !important;
	padding: 0 !important;
}

.listing-card-header-main {
	min-width: 0;
}

.listing-card-title, .listing-card-subtitle {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* restore body padding after removing card padding */
.listing-card>.dialog-toolbar, .listing-card>.content-toolbar,
	.listing-card>.listing-table-area, .listing-card>.content-results-meta,
	.listing-card>.ui-datatable, .listing-card>.ui-outputpanel {
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
}

/* =========================================================
   GLOBAL TAB PANEL ALIGNMENT (remove side padding)
   ========================================================= */
body.layout-compact .ui-tabs .ui-tabs-panel {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* optional: keep vertical rhythm */
body.layout-compact .ui-tabs .ui-tabs-panel {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

/* =========================================================
   GLOBAL GRID GUTTER CLEANUP INSIDE TABS
   ========================================================= */

/* remove outer gutter */
body.layout-compact .ui-tabs .ui-g {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* remove column side padding */
body.layout-compact .ui-tabs .ui-g-6, body.layout-compact .ui-tabs .ui-g-12
	{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* restore only inner spacing between split columns */
body.layout-compact .ui-tabs .ui-g-6:first-child {
	padding-right: 6px !important;
}

body.layout-compact .ui-tabs .ui-g-6:last-child {
	padding-left: 6px !important;
}

/* =========================================================
   CLEAN TABLE PAGINATOR ENHANCEMENT
   keeps page numbers visible and centered
   ========================================================= */
body .clean-table .ui-paginator {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
}

body .clean-table .ui-paginator-current {
	width: 100%;
	text-align: center;
	margin: 0 0 6px 0 !important;
}

body .clean-table .ui-paginator-pages {
	display: inline-flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	justify-content: center;
}

body .clean-table .ui-paginator-page, body .clean-table .ui-paginator-next,
	body .clean-table .ui-paginator-prev, body .clean-table .ui-paginator-first,
	body .clean-table .ui-paginator-last {
	min-width: 28px !important;
	height: 28px !important;
	line-height: 28px !important;
	text-align: center !important;
	border-radius: 6px !important;
	display: inline-block !important;
	color: #334155 !important;
	box-sizing: border-box !important;
}

body .clean-table .ui-paginator-page:hover, body .clean-table .ui-paginator-next:hover,
	body .clean-table .ui-paginator-prev:hover, body .clean-table .ui-paginator-first:hover,
	body .clean-table .ui-paginator-last:hover {
	color: #0f172a !important;
}

body .clean-table .ui-paginator-page.ui-state-active {
	color: #0f172a !important;
}

.task-list-item {
	overflow: hidden;
}

.task-list-item .content-card-header {
	padding: 14px 16px 8px 16px !important;
}

.task-list-item-body {
	padding: 0 16px 14px 16px !important;
}

.task-details-content {
	padding: 14px 16px 16px 16px !important;
}

.task-details-content .ui-g-6, .task-details-content .ui-g-12 {
	padding-left: 8px !important;
	padding-right: 8px !important;
	box-sizing: border-box;
}

.task-details-content .section-panel {
	margin-bottom: 0 !important;
}

/** MENU **/
.requisition-menu {
	background: #fff;
	border-radius: 6px;
	padding: 16px 14px;
}

/* header */
.requisition-menu-profile {
	text-align: center;
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f5f9;
}

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

.requisition-menu-title {
	font-size: 15px;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 4px;
}

.requisition-menu-meta {
	font-size: 12px;
	color: #64748b;
	margin-bottom: 8px;
}

.requisition-menu-status-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex-wrap: wrap;
}

.requisition-menu-status {
	font-size: 13px;
	font-weight: 500;
	color: #334155;
}

/* header icons ONLY */
.requisition-menu-icon-link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}

/* menu list */
.requisition-menu-links {
	margin-top: 12px;
	display: flex;
	flex-direction: column;
}

/* FULL ROW CLICKABLE */
.requisition-menu-row-link {
	display: flex !important;
	align-items: flex-start;
	gap: 10px;
	width: 100% !important;
	box-sizing: border-box;
	padding: 10px 8px;
	border-top: 1px solid #f1f5f9;
	text-decoration: none !important;
	cursor: pointer;
}

.requisition-menu-links>.requisition-menu-row-link:first-child {
	border-top: 0;
}

/* hover */
.requisition-menu-row-link:hover {
	background: #fafafa;
}

/* icon */
.requisition-menu-icon {
	color: #64748b;
	font-size: 12px;
	min-width: 16px;
	margin-top: 2px;
	text-align: center;
}

/* text */
.requisition-menu-text {
	font-size: 11px;
	color: #1e293b;
	line-height: 1.35;
	word-break: break-word;
	flex: 1;
}

.content-card.flat>.content-card-header {
	padding: 16px 18px 14px 18px !important;
	box-sizing: border-box;
}

.content-card-header .content-card-title, .content-card-header .content-card-subtitle
	{
	margin: 0;
}

.content-card.flat>.task-details-body {
	padding: 14px 18px 16px 18px !important;
}

/* apply only inside your modern cards */
.content-card.flat .ui-datatable, .content-card.flat .ui-datatable-tablewrapper,
	.content-card.flat .ui-datatable-data, .content-card.flat .ui-datatable-footer,
	.content-card.flat .ui-paginator {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.content-card-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.clean-table .ui-datatable-header, .clean-table .ui-datatable-footer {
	background: transparent !important;
	border: 0 !important;
}

/* ============================= */
/* CLEAN DATAGRID + ITEM CARDS   */
/* ============================= */

/* remove all datagrid visual noise */
.clean-items-grid .ui-datagrid, .clean-items-grid .ui-datagrid-content,
	.clean-items-grid .ui-datagrid-data, .clean-items-grid .ui-datagrid-column,
	.clean-items-grid table, .clean-items-grid tr, .clean-items-grid td {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* spacing between items */
.clean-items-grid .ui-datagrid-column {
	padding: 6px !important;
}

/* ============================= */
/* ITEM CARD (STANDARD)          */
/* ============================= */
.app-item-card {
	border: 1px solid #eef2f7;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
	overflow: hidden;
	margin: 0;
}

.app-item-card-header {
	padding: 12px 14px 8px 14px;
	border-bottom: 1px solid #f1f5f9;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: aliceblue;
}

.app-item-card-body {
	padding: 10px 14px 12px 14px;
}

.app-item-card-title {
	font-size: 14px;
	font-weight: 600;
	color: #1e293b;
}

.app-item-card-subtitle {
	font-size: 12px;
	color: #64748b;
	margin-top: 2px;
}

/* ============================= */
/* SEAMLESS PANEL GRID           */
/* ============================= */
.app-seamless-grid, .app-seamless-grid * {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.app-seamless-grid td {
	padding: 6px 0 !important;
}

/* ============================= */
/* SUBTLE SECTION HEADER         */
/* ============================= */
.app-section-header {
	background: #f8fafc;
	border: 1px solid #eef2f7;
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 13px;
	color: #334155;
	font-weight: 500;
}

.ql-container.ql-snow {
	border: 1px solid #ebe6e6;
}

.ql-toolbar.ql-snow {
	border: 1px solid #ebe6e6;
}

.app-seamless-grid, .app-seamless-grid .ui-panelgrid, .app-seamless-grid .ui-panelgrid-content,
	.app-seamless-grid .ui-panelgrid-cell, .app-seamless-grid table,
	.app-seamless-grid tr, .app-seamless-grid td {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.app-seamless-grid td {
	padding: 6px 0 !important;
}

.app-seamless-grid .ui-chkbox .ui-chkbox-box {
	background: #fff !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 4px !important;
	box-shadow: none !important;
}

.app-seamless-grid .ui-chkbox .ui-chkbox-box.ui-state-active {
	background: #2563eb !important;
	border-color: #2563eb !important;
}

.app-seamless-grid .ui-chkbox .ui-chkbox-icon {
	color: #fff !important;
}

.content-results-meta {
	font-size: 13px;
	color: #777;
}

.inline-filters {
	padding: 12px 16px 6px 16px;
}

.inline-filters-grid {
	width: auto !important;
	display: inline-table;
}

.inline-filters-grid td {
	padding: 4px 10px 4px 0 !important;
	vertical-align: middle;
} /* Fix checkbox visibility inside dropdown menus */
.ui-selectcheckboxmenu-panel .ui-chkbox-box {
	border: 1px solid #bbb !important;
	background: #fff !important;
}

.ui-selectcheckboxmenu-panel .ui-chkbox-box.ui-state-active {
	background: #5c6bc0 !important; /* or your primary color */
	border-color: #5c6bc0 !important;
}

.ui-selectcheckboxmenu-panel .ui-chkbox-icon {
	color: #fff !important;
}

.listing-table-wrap {
	padding: 0 16px 16px 16px;
}

.listing-table-top {
	padding: 10px 14px;
	background: #ecf1f6;
	border-radius: 8px 8px 0 0;
	margin-top: 5px;
}

.listing-table-top .content-results-meta {
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #666;
	background: none;
	border: none;
}

.ui-selectoneradio .ui-radiobutton-box {
	border: 1px solid #b8bec7 !important;
	background: #fff !important;
	box-shadow: none !important;
}

.ui-selectoneradio .ui-radiobutton-box.ui-state-active {
	border-color: #5c6bc0 !important;
	background: #5c6bc0 !important;
}

.ui-selectoneradio .ui-radiobutton-icon {
	color: #fff !important;
}

.ui-selectoneradio td {
	vertical-align: middle;
}

.section-title {
	font-size: 14px;
	font-weight: 600;
	color: #2f3a4a;
	padding-bottom: 4px;
	border-bottom: 1px solid #eef1f5;
}

.invoice-summary {
	font-size: 13px;
	color: #5f6b7a;
}

.invoice-currency {
	margin-right: 6px;
}

.invoice-amount {
	font-weight: 600;
	color: #2f3a4a;
}
.selection-timeline-wrap {
	margin-bottom: 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e9eef5;
}

.selection-timeline-title {
	font-size: 13px;
	font-weight: 600;
	color: #334155;
	margin-bottom: 12px;
}

.selection-timeline-horizontal {
	display: flex;
	align-items: flex-start;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 6px 2px 14px 2px;
	scrollbar-width: thin;
}

.selection-timeline-horizontal::-webkit-scrollbar {
	height: 8px;
}

.selection-timeline-horizontal::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 8px;
}

.timeline-step {
	position: relative;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-decoration: none !important;
	padding: 0 14px;
	min-width: 120px;
	flex: 0 0 auto;
	color: inherit !important;
	cursor: pointer;
}

.timeline-step:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 8px;
	left: calc(50% + 12px);
	width: calc(100% - 24px);
	height: 1px;
	background: #dbe3ea;
	z-index: 0;
}

.timeline-step:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 5px;
	right: 8px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #dbe3ea;
	z-index: 1;
}

.timeline-dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #cbd5e1;
	display: block;
	margin-bottom: 8px;
	position: relative;
	z-index: 2;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.timeline-step:hover .timeline-dot {
	transform: scale(1.08);
}

.timeline-step-first .timeline-dot {
	background: #2563eb;
}

.timeline-step-last .timeline-dot {
	background: #0f766e;
}

.timeline-step-current .timeline-dot {
	animation: timelinePulse 1.8s infinite ease-in-out;
}

.timeline-stage {
	font-size: 12px;
	font-weight: 600;
	color: #1e293b;
	line-height: 1.35;
}

.timeline-date {
	font-size: 11px;
	color: #64748b;
	margin-top: 3px;
	line-height: 1.25;
}

.timeline-user {
	font-size: 11px;
	color: #475569;
	margin-top: 2px;
	line-height: 1.25;
	max-width: 120px;
	word-break: break-word;
}

.timeline-step:hover .timeline-stage {
	color: #0f172a;
	text-decoration: underline;
}

.timeline-steps-1 .timeline-step {
	min-width: 180px;
}

.timeline-steps-2 .timeline-step {
	min-width: 160px;
}

.timeline-steps-3 .timeline-step {
	min-width: 145px;
}

.timeline-steps-4 .timeline-step {
	min-width: 130px;
}

.timeline-steps-5 .timeline-step {
	min-width: 120px;
}

.timeline-steps-6 .timeline-step,
.timeline-steps-7 .timeline-step,
.timeline-steps-8 .timeline-step,
.timeline-steps-9 .timeline-step,
.timeline-steps-10 .timeline-step,
.timeline-steps-many .timeline-step {
	min-width: 110px;
}

.selection-transition-details {
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid #eef2f7;
}

.selection-transition-details-title {
	font-size: 13px;
	font-weight: 600;
	color: #334155;
	margin-bottom: 10px;
}

@keyframes timelinePulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.28);
	}

	70% {
		transform: scale(1.1);
		box-shadow: 0 0 0 8px rgba(37, 99, 235, 0);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(37, 99, 235, 0);
	}
}
.timeline-step-selected .timeline-dot {
	background: #2563eb !important;
	transform: scale(1.15);
	box-shadow: 0 0 0 5px rgba(37,99,235,0.15);
}

.timeline-step-selected .timeline-stage {
	color: #2563eb;
	font-weight: 700;
}

.timeline-step-selected .timeline-date,
.timeline-step-selected .timeline-user {
	color: #334155;
}
.timeline-step-selected {
	background: #e3ebf6;
	border-radius: 8px;
}
.listing-count-refresh {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none !important;
	cursor: pointer;
	transition: all 0.2s ease;
}

.listing-count-refresh-icon {
	font-size: 11px;
	color: inherit;
	transition: transform 0.2s ease;
}

.listing-count-refresh:hover .listing-count-refresh-icon {
	transform: rotate(90deg);
}

.listing-count-badge {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 999px;
	background: #eef2ff;
	color: #4338ca !important;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	border: 1px solid #dbeafe;
}

.attachment-preview-icon {
	width: 72px;
	height: 72px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 42px;
	margin-bottom: 14px;
}

.attachment-preview-icon.pdf {
	background: #fee2e2;
	color: #dc2626;
	box-shadow: 0 2px 10px rgba(220, 38, 38, 0.15);
}

.attachment-preview-icon.missing {
	background: #f3f4f6;
	color: #64748b;
	box-shadow: 0 2px 8px rgba(100, 116, 139, 0.08);
}

.clickable-pdf {
	cursor: pointer;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.clickable-pdf:hover {
	transform: scale(1.05);
	box-shadow: 0 4px 12px rgba(220, 38, 38, 0.18);
}

.attachment-preview-title, .attachment-preview-subtitle {
	text-align: center;
	width: 100%;
}

.attachment-preview-main {
	align-items: center;
	text-align: center;
}

.clickable-pdf {
	display: flex !important;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px auto;
}

.attachment-preview-main {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.attachment-preview-title {
	text-align: center;
	width: 100%;
	margin-top: 10px;
}

.attachment-preview-subtitle {
	text-align: center;
	width: 100%;
	margin-top: 4px;
}

.upload-focus-box {
	margin-top: 18px;
	padding: 18px;
	border: 1px dashed #cbd5e1;
	border-radius: 8px;
	background: #f8fafc;
}

.upload-focus-title {
	font-size: 14px;
	font-weight: 600;
	color: #1e293b;
	margin-bottom: 12px;
}

.upload-selected-file {
	margin-top: 12px;
	font-size: 13px;
	color: #334155;
}

.attachment-preview-tags {
	margin-top: 10px;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
}

.attachment-tag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 10px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 600;
}

.attachment-tag.success {
	background: #dcfce7;
	color: #166534;
}

.attachment-tag.info {
	background: #dbeafe;
	color: #1d4ed8;
}

.attachment-readonly-note {
	margin: 14px auto 0 auto;
	padding: 9px 14px;
	font-size: 12px;
	color: #64748b;
	background: #f8fafc;
	border-top: 1px solid #eef2f7;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border-radius: 20px;
}

.animated-lock-note {
	animation: lockNoteFadeIn 0.35s ease-out;
}

.animated-lock-note .fa-lock {
	color: #475569;
	animation: lockSoftPulse 1.8s ease-in-out infinite;
}

.draft-claim-label {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 20px;
	background: #fef3c7;
	color: #92400e;
	font-size: 13px;
	font-weight: 600;
}

.claim-subtitle-spacing {
	margin-top: 5px !important;
}

.animated-lock-note {
	animation: lockNoteFadeIn 0.35s ease-out;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: fit-content;
}
.animated-upload-icon {
	animation: uploadPulse 1.8s ease-in-out infinite;
}

.animated-upload-text {
	animation: uploadTextFade 0.35s ease-out;
}

.animated-upload-text.delay-1 {
	animation-delay: 0.08s;
	animation-fill-mode: both;
}
.animated-upload-icon i {
	animation: uploadBounce 1.8s ease-in-out infinite;
	display: inline-block;
}
.attachment-tag.replace {
	background: #f3e8ff;
	color: #6b21a8 !important;
	text-decoration: none !important;
}

.attachment-tag.replace:hover {
	background: #e9d5ff;
	color: #581c87 !important;
}
@keyframes uploadBounce {
	0%, 100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-4px);
	}
}
@keyframes uploadPulse { 0% { transform: scale(1); box-shadow: 0 0 0 rgba(100,116,139,0); } 50% { transform: scale(1.06); box-shadow: 0 0 12px rgba(100,116,139,0.18); } 100% { transform: scale(1); box-shadow: 0 0 0 rgba(100,116,139,0); } }

@keyframes uploadTextFade { 0% { opacity: 0; transform: translateY(4px); } 100% { opacity: 1; transform: translateY(0); } }

.pending-action-pill {
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	padding: 7px 12px;
	border-radius: 20px;
	background: #fef3c7;
	color: #92400e !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
	border: 1px solid #fde68a;
	animation: pendingActionPulse 1.8s ease-in-out infinite;
}

.pending-action-pill i {
	color: #d97706;
	font-size: 13px;
}

.pending-action-pill:hover {
	background: #fde68a;
	color: #78350f !important;
}

.selected-action-pill {
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	padding: 6px 11px;
	border-radius: 20px;
	background: #dcfce7;
	color: #166534 !important;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none !important;
	border: 1px solid #bbf7d0;
}

.selected-action-pill i {
	color: #16a34a;
	font-size: 13px;
}

@keyframes pendingActionPulse {
	0%, 100% {
		box-shadow: 0 0 0 0 rgba(217, 119, 6, 0.25);
		transform: scale(1);
	}

	50% {
		box-shadow: 0 0 0 7px rgba(217, 119, 6, 0);
		transform: scale(1.02);
	}
}
.task-empty-state {
	min-height: 360px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 35px;
	color: #64748b;
}

.task-empty-icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #eef2ff;
	color: #4338ca;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	margin-bottom: 14px;
	animation: taskEmptyPulse 2s ease-in-out infinite;
}

.task-empty-title {
	font-size: 18px;
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 6px;
}

.task-empty-text {
	font-size: 13px;
	line-height: 1.5;
	max-width: 420px;
}

@keyframes taskEmptyPulse { 0%,100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(67,56,202,0.18); } 50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(67,56,202,0); } }

.task-open-action {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #eef2ff;
	color: #4338ca !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.task-open-action:hover {
	background: #4338ca;
	color: #ffffff !important;
	transform: scale(1.05);
}
.task-inline-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #eef2ff;
	color: #4338ca;
	font-size: 10px;
	margin: 0 3px;
	vertical-align: middle;
}.password-help {
	margin-top: 6px;
	font-size: 12px;
	color: #64748b;
}

.password-rules {
	margin: 4px 0 0 16px;
	padding: 0;
	font-size: 12px;
	color: #64748b;
	line-height: 1.6;
}.transition-details-card {
	margin-top: 14px;
	padding: 12px 14px;
	border: 1px solid #eef2f7;
	border-radius: 8px;
	background: #ffffff;
	text-align: left;
}

.transition-details-header {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #f1f5f9;
}

.transition-details-title {
	font-size: 13px;
	font-weight: 700;
	color: #1e293b;
}

.transition-details-subtitle {
	font-size: 12px;
	color: #64748b;
	margin-top: 2px;
}

.transition-details-body {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 18px;
	row-gap: 8px;
}

.transition-detail-row {
	display: grid;
	grid-template-columns: 120px 1fr;
	column-gap: 10px;
	align-items: start;
	font-size: 12px;
	line-height: 1.4;
}

.transition-detail-label {
	color: #64748b;
	font-weight: 600;
}

.transition-detail-value {
	color: #1e293b;
	min-width: 0;
	word-break: break-word;
}.selection-timeline-wrap {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.selection-timeline-horizontal {
	padding-left: 0 !important;
	margin-left: 0 !important;
	justify-content: flex-start !important;
}

.timeline-step:first-child {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.required-indicator {
	color: #dc2626;
	font-weight: 1500;
	margin-left: 7px;
	display: inline-block;
	animation: requiredPulse 5.0s infinite;
}
.required-label {
	position: relative;
}

.required-label .required-indicator {
	color: #dc2626;
	font-weight: 700;
	animation: requiredPulse 2.5s infinite;
}
@keyframes requiredPulse {
	0% {
		opacity: 0.4;
		transform: scale(1);
	}

	50% {
		opacity: 1;
		transform: scale(1.15);
	}

	100% {
		opacity: 0.4;
		transform: scale(1);
	}
}.selection-actions-top {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eef2f7;
}

.selection-action-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 12px;
	border-radius: 999px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	color: #334155 !important;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none !important;
	transition: all 0.18s ease;
}

.selection-action-pill:hover {
	background: #eef2ff;
	border-color: #c7d2fe;
	color: #3730a3 !important;
	transform: translateY(-1px);
}

.selection-action-primary {
	background: #eef2ff;
	border-color: #c7d2fe;
	color: #3730a3 !important;
	animation: actionPulse 1.8s infinite;
}

.selection-action-danger {
	background: #fff1f2;
	border-color: #fecdd3;
	color: #be123c !important;
}

.selection-action-danger:hover {
	background: #ffe4e6;
	border-color: #fb7185;
	color: #9f1239 !important;
}

.animated-claim-actions {
	animation: actionsSlideIn 0.35s ease-out;
}

@keyframes actionsSlideIn {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes actionPulse {
	0% {
		box-shadow: 0 0 0 0 rgba(79, 70, 229, 0.25);
	}

	70% {
		box-shadow: 0 0 0 8px rgba(79, 70, 229, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(79, 70, 229, 0);
	}
} .selection-title-action {
	margin-left: 8px;
	color: #64748b !important;
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;

	animation: refreshSpin 15s linear infinite;
}

.selection-title-action:hover {
	color: #2563eb !important;
	animation-duration: 0.8s;
}
.batching-view-switch {
	display: inline-flex;
	align-items: center;
	gap: 10px;

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

	padding: 6px 10px;
	margin: 0 0 6px 0;
}

.batching-view-label {
	font-size: 12px;
	font-weight: 600;
	color: #64748b;
	white-space: nowrap;
}

/* Keep radio choices horizontal */
.batching-view-radio {
	display: flex !important;
	align-items: center;
	gap: 14px;
}

.batching-view-radio .ui-radiobutton {
	margin-right: 4px;
}

.batching-view-radio label {
	font-size: 12px !important;
	font-weight: 600;
	color: #334155;
	margin-right: 8px !important;
	cursor: pointer;
}

/* Smaller radio */
.batching-view-radio .ui-radiobutton-box {
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
}

/* Remove PrimeFaces table spacing around selectOneRadio */
.batching-view-radio.ui-selectoneradio {
	margin: 0 !important;
}

.batching-view-radio.ui-selectoneradio td {
	padding: 0 8px 0 0 !important;
}

/* Kill unnecessary space before the listings */
#batchingContent {
	margin-top: 0;
}

.group-claim-star {
	color: #f59e0b;
	font-size: 14px;
	margin-left: 5px;
	display: inline-block;
	animation: groupClaimPulse 1.8s ease-in-out infinite;
}

@keyframes groupClaimPulse {
	0%, 100% {
		transform: scale(1);
		opacity: 0.65;
	}

	50% {
		transform: scale(1.25);
		opacity: 1;
	}
}
@keyframes refreshSpin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
body .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-button-icon-only .ui-icon {
   margin-top: -5px !important;