body {
	background-color: #F6F8F8;
	margin: 0px;
	font-family: Arial !important;
}

#login-box input[type="text"], #login-box input[type="password"] {
	border: solid 1px #C0C5C7 !important;
	padding: 10px !important;
	box-shadow: none;
	color: #00AEEF !important;
	text-align: center;
	width: 80%;
}

#login-box input[type="text"]:hover, #login-box input[type="text"]:focus,
	#login-box input[type="password"]:hover, #login-box input[type="password"]:focus
	{
	border: solid 1px #00AEEF !important;
}

#login-box .ui-button {
	border: none !important;
	box-shadow: none;
	width: 85%;
}

#login-box .ui-button .ui-button-text {
	padding: 16px !important;
	font-size: 18px !important;
}

input[type="text"] {
	color: black !important;
}

input[type="text"] {
	box-shadow: 1px 1px 1px gray;
	width: 250px;
	font-weight: bold;
	text-shadow: none;
	letter-spacing: 1px;
	color: black!importrant;
}

input[type="text"]:focus {
	border: solid 1px #0000FF;
	box-shadow: 0 0 5px 1px #969696;
	color: black!importrant;
}

input[type="text"]:hover {
	color: black !important;
	box-shadow: 1px 1px 1px lightsteelblue;
}

input[type="password"] {
	box-shadow: 1px 1px 1px gray;
	width: 250px;
	font-weight: bold;
	text-shadow: none;
	letter-spacing: 1px;
	color: black!importrant;
}

input[type="password"]:focus {
	border: solid 1px #0000FF;
	box-shadow: 0 0 5px 1px #969696;
	color: black!importrant;
}

input[type="password"]:hover {
	color: black !important;
	box-shadow: 1px 1px 1px lightsteelblue;
}

.layout-menubar {
	height: 1500px !important;
}


label {
	font-family: Arial, sans-serif !important;
}

@media only screen and (min-width:981px) {
	.ui-selectonemenu {
		 width: 200px; 
	}
	select {
		 width: 200px !important; 
	}
	select option {
		letter-spacing: 1px !important;
	}
	input[type="text"] {
		color: black !important;
	}
	input[type="text"] {
		box-shadow: 1px 1px 1px gray;
		width: 250px;
		font-weight: bold;
		text-shadow: none;
		letter-spacing: 1px;
		color: black!importrant;
	}
	input[type="text"]:focus {
		border: solid 1px #0000FF;
		box-shadow: 0 0 5px 1px #969696;
		color: black!importrant;
	}
	input[type="text"]:hover {
		color: black !important;
		box-shadow: 1px 1px 1px lightsteelblue;
	}
	input[type="password"] {
		box-shadow: 1px 1px 1px gray;
		width: 250px;
		font-weight: bold;
		text-shadow: none;
		letter-spacing: 1px;
		color: black!importrant;
	}
	input[type="password"]:focus {
		border: solid 1px #0000FF;
		box-shadow: 0 0 5px 1px #969696;
		color: black!importrant;
	}
	input[type="password"]:hover {
		color: black !important;
		box-shadow: 1px 1px 1px lightsteelblue;
	}
	.ContainerIndent label {
		float: right !important;
		text-align: right !important;
	}
	.sp_size_s {
		width: 228px !important;
		letter-spacing: 1px;
	}
	.ui-selectonemenu label {
		font-family: 'titillium_webregular' !important;
		float: left !important;
		text-align: left !important;
		letter-spacing: 1px !important;
	}
	.phone {
		width: 175px !important;
		float: left;
	}
	.phone_ext {
		margin-left: 5px;
		width: 55px !important;
		float: left !important;
	}
	.Container90 {
		float: none;
		margin: 0px auto !important;
	}
}

@media only screen and ( min-width :481px) and ( max-width :980px) {
	.ui-selectonemenu {
		 width: 200px; 
	}
	select {
		 width: 200px !important; 
	}
	select option {
		letter-spacing: 1px !important;
	}
	input[type="text"] {
		color: black !important;
	}
	input[type="text"] {
		box-shadow: 1px 1px 1px gray;
		width: 200px;
		font-weight: bold;
		text-shadow: none;
		letter-spacing: 1px;
		color: black!importrant;
	}
	input[type="text"]:focus {
		border: solid 1px #0000FF;
		box-shadow: 0 0 5px 1px #969696;
		color: black!importrant;
	}
	input[type="text"]:hover {
		color: black !important;
		box-shadow: 1px 1px 1px lightsteelblue;
	}
	input[type="password"] {
		box-shadow: 1px 1px 1px gray;
		width: 200px;
		font-weight: bold;
		text-shadow: none;
		letter-spacing: 1px;
		color: black!importrant;
	}
	input[type="password"]:focus {
		border: solid 1px #0000FF;
		box-shadow: 0 0 5px 1px #969696;
		color: black!importrant;
	}
	input[type="password"]:hover {
		color: black !important;
		box-shadow: 1px 1px 1px lightsteelblue;
	}
	.ContainerIndent label {
		float: right !important:
       text-align:right !important;
	}
	.sp_size_s {
		width: 210px !important;
		letter-spacing: 1px;
		float: right;
	}
	.phone_ext {
		float: left !important;
	}
	.text-as-label input[type="text"] {
		text-align: left !important;
	}
}


select label {
	float: left !important;
	text-align: left !important;
}

.ui-selectonemenu label {
	font-family: 'titillium_webregular' !important;
	float: left !important;
	text-align: left !important;
	letter-spacing: 1px !important;
}

.app-ui-panel .ui-panel-title {
	letter-spacing: 2px !important;
	color: orange !important;
}

input[type="text"] {
	color: black !important;
}

input[type="text"] {
	box-shadow: 1px 1px 1px gray;
	width: 250px;
	font-weight: bold;
	text-shadow: none;
	letter-spacing: 1px;
	color: black!importrant;
}

input[type="text"]:focus {
	border: solid 1px #0000FF;
	box-shadow: 0 0 5px 1px #969696;
	color: black!importrant;
}

input[type="text"]:hover {
	color: black !important;
	box-shadow: 1px 1px 1px lightsteelblue;
}

input[type="password"] {
	box-shadow: 1px 1px 1px gray;
	width: 250px;
	font-weight: bold;
	text-shadow: none;
	letter-spacing: 1px;
	color: black!importrant;
}

input[type="password"]:focus {
	border: solid 1px #0000FF;
	box-shadow: 0 0 5px 1px #969696;
	color: black!importrant;
}

input[type="password"]:hover {
	color: black !important;
	box-shadow: 1px 1px 1px lightsteelblue;
}

@media only screen and (min-width:981px) {
	.ui-selectonemenu {
		 width: 200px; 
	}
	select {
		width: 200px !important;
	}
	select option {
		letter-spacing: 1px !important;
	}
	input[type="text"] {
		color: black !important;
	}
	input[type="text"] {
		box-shadow: 1px 1px 1px gray;
		width: 250px;
		font-weight: bold;
		text-shadow: none;
		letter-spacing: 1px;
		color: black!importrant;
	}
	input[type="text"]:focus {
		border: solid 1px #0000FF;
		box-shadow: 0 0 5px 1px #969696;
		color: black!importrant;
	}
	input[type="text"]:hover {
		color: black !important;
		box-shadow: 1px 1px 1px lightsteelblue;
	}
	input[type="password"] {
		box-shadow: 1px 1px 1px gray;
		width: 250px;
		font-weight: bold;
		text-shadow: none;
		letter-spacing: 1px;
		color: black!importrant;
	}
	input[type="password"]:focus {
		border: solid 1px #0000FF;
		box-shadow: 0 0 5px 1px #969696;
		color: black!importrant;
	}
	input[type="password"]:hover {
		color: black !important;
		box-shadow: 1px 1px 1px lightsteelblue;
	}
	.ContainerIndent label {
		float: right !important;
		text-align: right !important;
	}
	.sp_size_s {
		width: 228px !important;
		letter-spacing: 1px;
	}
	.ui-selectonemenu label {
		font-family: 'titillium_webregular' !important;
		float: left !important;
		text-align: left !important;
		letter-spacing: 1px !important;
	}
	.phone {
		width: 175px !important;
		float: left;
	}
	.phone_ext {
		margin-left: 5px;
		width: 55px !important;
		float: left !important;
	}
	.Container90 {
		float: none;
		margin: 0px auto !important;
	}
	
		.text-as-label input[type="text"] {
		text-align: left !important;
	}
}

@media only screen and ( min-width :481px) and ( max-width :980px) {
	.ui-selectonemenu {
		width: 200px; 
	}
	select {
		width: 200px !important; 
	}
	select option {
		letter-spacing: 1px !important;
	}
	input[type="text"] {
		color: black !important;
	}
	input[type="text"] {
		box-shadow: 1px 1px 1px gray;
		width: 200px;
		font-weight: bold;
		text-shadow: none;
		letter-spacing: 1px;
		color: black!importrant;
	}
	input[type="text"]:focus {
		border: solid 1px #0000FF;
		box-shadow: 0 0 5px 1px #969696;
		color: black!importrant;
	}
	input[type="text"]:hover {
		color: black !important;
		box-shadow: 1px 1px 1px lightsteelblue;
	}
	input[type="password"] {
		box-shadow: 1px 1px 1px gray;
		width: 200px;
		font-weight: bold;
		text-shadow: none;
		letter-spacing: 1px;
		color: black!importrant;
	}
	input[type="password"]:focus {
		border: solid 1px #0000FF;
		box-shadow: 0 0 5px 1px #969696;
		color: black!importrant;
	}
	input[type="password"]:hover {
		color: black !important;
		box-shadow: 1px 1px 1px lightsteelblue;
	}
	.ContainerIndent label {
		float: right !important:
       text-align:right !important;
	}
	.sp_size_s {
		width: 210px !important;
		letter-spacing: 1px;
		float: right;
	}
	.phone_ext {
		float: left !important;
	}
	
		.text-as-label{
		text-align: center !important;
	}
}


@media only screen and ( min-width :220px) and (max-width: 480px) {
	.ui-selectonemenu {
		width: 200px;
	}
	select {
		width: 200px !important; 
	}
	select option {
		letter-spacing: 1px !important;
	}
	input[type="text"] {
		color: black !important;
	}
	input[type="text"] {
		box-shadow: 1px 1px 1px gray;
		width: 250px;
		font-weight: bold;
		text-shadow: none;
		letter-spacing: 1px;
		color: black!importrant;
	}
	input[type="text"]:focus {
		border: solid 1px #0000FF;
		box-shadow: 0 0 5px 1px #969696;
		color: black!importrant;
	}
	input[type="text"]:hover {
		color: black !important;
		box-shadow: 1px 1px 1px lightsteelblue;
	}
	input[type="password"] {
		box-shadow: 1px 1px 1px gray;
		width: 250px;
		font-weight: bold;
		text-shadow: none;
		letter-spacing: 1px;
		color: black!importrant;
	}
	input[type="password"]:focus {
		border: solid 1px #0000FF;
		box-shadow: 0 0 5px 1px #969696;
		color: black!importrant;
	}
	input[type="password"]:hover {
		color: black !important;
		box-shadow: 1px 1px 1px lightsteelblue;
	}
	#layout-title {
		display: none;
	}
	#login-logo img {
		height: 65px;
		line-height: 65px;
	}
	#mobile-app-title {
		display: inline-block !important;
	}
	.DynamicTreeWid {
		width: 90%;
	}
	.frame-content, .lable-as-title {
		width: 95% !important;
	}
	.ContainerIndent label {
		float: left !important:
       text-align:left !important;
	}
	.sp_size_s {
		width: 170px !important;
		letter-spacing: 1px;
	}
	.ui-picklist>div {
		float: none;
		display: list-item !important;
		vertical-align: top;
	}
	.ContainerIndent label {
		float: left !important;
		letter-spacing: 1px;
	}
	
	.text-as-label{
		text-align: left !important;
		float:left !important;
	}
}

@media (max-width: 640px){
	.text-as-label{
		width:100% !important;
	}
	
	.text-as-label input[type="text"]{
		width:100% !important;
		text-align:center !important;
	}
}

@media (max-width: 480px) and (min-width: 320px){
	.text-as-label{
		text-align: left !important;
		float:left !important;
	}
}

@media (max-width: 960px) and (min-width: 640px){
	.text-as-label {
		text-align:center !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}	
}
select label {
	float: left !important;
	text-align: left !important;
}

.ui-selectonemenu label {
	font-family: 'titillium_webregular' !important;
	float: left !important;
	text-align: left !important;
	letter-spacing: 1px !important;
}

.fontYellow {
	color: yellow !important;
}

.backgroundColorYellow {
	background: #FFFF00 !important;
	color: black !important;
}

.backgroundColorRed {
	background: #FF0000 !important;
	color: black !important;
}

.backgroundColorGreen {
	background: #009900 !important;
	color: black !important;
}

.columnColorDlr {
	background-color: #000066 !important;
	color: #FFFFFF !important;
	box-shadow: 0px 1px 1px 1px gray;
	border: 1px solid lightgray;
}

.columnColorCwp {
	background-color: #665D1E !important;
	color: #FFFFFF !important;
	box-shadow: 0px 1px 1px 1px gray;
	border: 1px solid lightgray;
}

.columnColorAgency {
	background-color: #800000 !important;
	color: #FFFFFF !important;
	box-shadow: 0px 1px 1px 1px gray;
	border: 1px solid lightgray;
}

.quickSearchInputText {
	width: 180px !important;
	font-weight: bold !important;
	text-shadow: none !important;
	letter-spacing: 1px !important;
	border: 2px !important;
	border-radius: 20px !important;
	color: #9ba5ac !important;
	padding: 6px !important;
	background-color: #FFFF !important;
	outline: none !important;
}

.applicantListGrid .ui-panelgrid tbody tr td {
	border: solid 1px #9FADB5 !important;
}

.appLableColor {
	background: #798686 !important;
	color: white !important;
}

.disable-scroll .ui-dialog-content {
	overflow: hidden !important;
}

#disablingDiv {
	/* Do not display it on entry */
	display: none;
	/* Display it on the layer with index 1001.
       Make sure this is the highest z-index value
       used by layers on that page */
	z-index: 1001;
	/* make it cover the whole screen */
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	/* make it white but fully transparent */
	background-color: white;
	opacity: .00;
	filter: alpha(opacity = 00);
}

.ui-layout-unit .ui-layout-unit-content {
	padding: 0.2em 0em;
	border: 0px none;
	overflow: hidden;
}

.ui-datatable-resizable thead th {
	white-space: normal;
}

.fixed-size {
	table-layout: fixed;
	word-wrap: break-word;
}

.login-label-div {
	width: 80%;
	margin: 0px auto;
	text-align: left;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 2px;
}

.login-label-div label {
	font-size: 1.2em;
}

.ui-inputfield, .ui-widget, .ui-tree .ui-treenode .ui-treenode-label,
	.ui-datatable .ui-datatable-tablewrapper table, #layout-menubar li {
	font-size: 14px;
	text-shadow: none !important;
	/* 	font-family: Helvetica, Arial, Sans-Serif; !important; */
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled,
	.ui-widget-header .ui-state-disabled {
	background-color: #F0F0F0;
	color: black !important;
	opacity: 0px !important;
}

.appform {
	display: block;
	font-family: Arial, sans-serif !important;
}

.appform div label {
	font-family: Arial, sans-serif !important;
	padding: 6px 5px;
	letter-spacing: 1px;
}

div {
	font-family: Helvetica, Arial, Sans-Serif;
	!
	important;
}

a {
	font-family: Helvetica, Arial, Sans-Serif;
	!
	important;
}

button {
	font-family: Helvetica, Arial, Sans-Serif;
	!
	important;
}

span {
	font-family: Helvetica, Arial, Sans-Serif;
	!
	important;
}

label {
	font-family: Helvetica, Arial, Sans-Serif;
	!
	important;
}

.ui-fluid .ui-button {
	
}

.Container100 {
	text-align: center !important;
	margin: 0px auto;
}

.ui-datatable table tbody tr td {
	color: black;
	font-family: Arial, sans-serif !important;
}

.ui-inputfield {
	color: #4D4D4D;
}

.ui-inputfield:hover {
	color: #4D4D4D !important;
}

.ui-outputlabel, table tbody tr td {
	color: black !important;
	font-family: Arial !important;
}

table tbody tr td {
	color: black !important;
	font-family: Arial !important;
}
/* ui-Messages */
.ui-message, .ui-message-error, .ui-messages-info, .ui-messages-warn,
	.ui-messages-error, .ui-messages-fatal {
	clear: both !important;
	/* 	pading-left: 0px !important;
	margin-left: 0px !important;
	pading-right: 0px !important;
	margin-right: 0px !important;
 */
	border: none !important;
	text-align: left !important;
}

.app-dtl-scrollpanel {
	padding: 2px;
	overflow: hidden;
	padding-top: 20px;
	height: 99%;
}

.app-dtl-tabview {
	border: none !important;
	display: block;
	height: 98%;
}

.app-dtl-tab {
	margin-top: 20px;
	width: 100%;
	padding-bottom: 500px;
	overflow: auto;
}

.app-dtl-navbutton {
	width: 99.1%;
	display: block;
	position: absolute;
	left: 1px;
	background-color: lightgray;
	border: none;
	border-top: 2px solid #0b137b !important;
	box-shadow: 1px 0px 3px 2px grey;
	z-index: 9999;
	top: 45px;
	border-radius: 0px 0px 5px 5px !important;
}

.app-dtl-navbutton-bottom {
	width: 99.1%;
	display: block;
	position: absolute;
	left: 1px;
	background-color: lightgray;
	border: none;
	border-top: 2px solid #0b137b !important;
	box-shadow: 1px 0px 3px 2px grey;
	z-index: 9999;
	bottom: 0px;
	border-radius: 0px 0px 5px 5px !important;
}

@media ( min-width :720px) {
	#layout-menubar ul a {
		padding: 10px;
	}
	html {
		font-family: Arial !important;
	}
	label {
		font-family: Arial !important;
	}
}

}
.dialogClass {
	width: 90% !important;
	height: 90% important;
	top: 15px;
	left: 5%;
}

.ui-layout-container .ui-layout-unit {
	border: none !important;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav {
	border: none !important;
	border-bottom: 5px solid navy !important;
	padding: 5px !important;
}

.ui-tabs-top .ui-tabs-nav li {
	padding-left: 3px;
	border: 1px solid white !important;
}

.ui-tabs-top .ui-tabs-nav li a {
	border-right: 1px solid orange;
	display: inline-block !important;
	padding-bottom: 1px;
}

.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-top .ui-tabs-nav li.ui-tabs-active a,
	.ui-tabs-top .ui-tabs-nav li.ui-state-hover a {
	
}

/* .ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-top .ui-tabs-nav li.ui-tabs-active a, .ui-tabs-top .ui-tabs-nav li.ui-state-hover a {
    font-weight: bold;
    text-decoration: underline;
    font-style: ;
    letter-spacing: 1px;
    box-shadow: 2px 3px 3px gray;
    border:1px solid gray !important;
}
 */
.ui-datatable .ui-datatable-tablewrapper {
	padding: 4px;
	overflow: auto;
	width: 99.5%;
}

.special {
	font-size: 11px !important;
}

.special .ui-datatable-resizable thead th, .ui-datatable-resizable tbody td,
	.ui-datatable-resizable tfoot td {
/* 	table-layout: fixed !important;
 */	white-space: normal !important;
	word-wrap: break-word !important;
	font-size: 12px !important;
}

.ui-datatable .table .thead .th {
	/* white-space:nowrap !important; */
	
}

.custom-datatable {
	
}

.ui-datatable .ui-datatable-tablewrapper .custom-datatable {
	padding: 4px;
	overflow: auto;
	height: 600px;
}

input[type="text"] {
	box-shadow: none !important;
}

input[type="text"]:focus {
	box-shadow: 1px 1px 1px gray !important;
}

.loginBox {
	letter-spacing: 4px;
}

.loginBox input[type="text"] {
	box-shadow: 1px 1px 1px gray !important;
}

.loginBox input[type="text"]:focus {
	
}

.loginBox input[type="password"] {
	box-shadow: 1px 1px 1px gray !important;
}

.loginBox input[type="password"]:focus {
	background-color: none;
}

#layout-menubar ul a {
	text-shadow: none;
	border: none;
	border-top: 1px solid #FFFFFF;
	background-color: #4B4B4B;
	font-weight: normal;
}

.layout-menubar-submenu-container>li a {
	padding: 10px !important;
	padding-left: 15px;
	color: white !important;
	border-top: none !important;
	text-shadow: none !important;
	/* 	border-bottom:1px solid gray !important; */
}

.layout-menubar-submenu-container li a:active {
	color: #FFD100;
}

.layout-menubar-submenu-container>li a:hover {
	color: white !important;
	text-decoration: underline !important;
	padding-left: 15px !important;
	background-color: gray !important;

	/*#FFD100;*/
}

.layout-menubar-submenu-container li {
	/* 	background-color:gray !important; */
	
}

.layout-menubar-submenu-container li:hover {
	background-color: gray;
}

.menu-options-title {
	color: navy !important;
	background-color: gray;
	font-weight: bold;
	letter-spacing: 2px;
	text-shadow: none;
}

.menu-options-title>li a {
	color: navy !important;
	background-color: gray;
	font-weight: bold;
	letter-spacing: 2px;
	text-shadow: none;
}

.menu-options {
	font-weight: normal;
	letter-spacing: 0px;
	background-color: inherit;
}

.fa {
	font-size: 16px !important;
}

/* selected link */
a:active {
	color: #FFD100;
}

.ui-outputlabel {
	color: black !important;
}

.appFloat {
	text-align: left !important;
	float: left !important;
}

.appFloat table td {
	text-align: left !important;
	float: left !important;
}

.ui-messages-error, .ui-message-error {
	border: none !important;
}

.ui-panel {
	border: none !important;
}

.quicksearch {
	display: block;
}

.quicksearch .ui-datatable-odd {
	padding-bottom: 20px !important;
	box-shadow: 2px 3px 3px #FDF7EF;
	border-top: 3px solid darkgray !important;
	height: 40px;
}

.quicksearch .ui-datatable-even {
	padding-bottom: 20px !important;
	box-shadow: 2px 3px 3px #FDF7EF;
	border-top: 3px solid darkgray !important;
	height: 40px;
}

.ui-button-text-icon-left .ui-button-text {
	font-family: Arial, Sans serif !important;
	letter-spacing: 1px;
	font-size: 16px !important;
	font-weight: bold !important;
	text-shadow: none !important;
}

.ui-expanded-row {
	box-shadow: 5px 5px 5px gray;
}

.ui-expanded-row-content {
	box-shadow: 2px 2px 2px 2px gray;
}

textarea {
	border-radius: 5px;
}

textarea:hover {
	color: black !important;
}

.ui-datatable-odd {
	border-bottom: 1px solid navy !important;
}

.ui-datatable-even {
	border-bottom: 1px solid navy !important;
}

.cell-as-link {
	
}

.cell-as-link .ui-commandlink {
	display: block;
	width: 100% !important;
	color: #72828B !important;
	text-decoration: none !important;
}

.ui-button.ui-state-focus .ui-button-text {
	color: orange !important;
	box-shadow: 1px 0px 11px 1px gray !important;
}

.ui-button:hover .ui-button-text {
	box-shadow: 1px 0px 11px 1px gray !important;
}

.customdialog .ui-dialog {
	width: 100% !important;
	height: 100% !important;
	top: 10px !important;
	left: 10px !important;
}

.ui-dialog {
	width: 100% !important;
	height: 100% !important;
}

.ui-dialog .ui-dialog-content {
	padding: 2px !important;
}

.ui-dialog .ui-dialog-content.ui-df-content {
	height: 100% !important;
	padding: 2px !important;
}

.ui-tabs-panels {
	height: 92%;
	overflow: auto;
}

.subdialog .ui-dialog {
	height: 400px !important;
	widht: 700px !important;
}

.subdialog .ui-dialog .ui-dialog-content.ui-df-content {
	height: 100% !important;
	padding: 2px !important;
}

.headers thead tr {
	border-bottom: 5px solid orange;
}

.headers th {
	background-color: steelblue;
	box-shadow: 0px 1px 1px 1px gray;
	border: 2px solid gray;
	padding: 7px;
	color: #000033;
	font-size: 0.95em;
	font-weight: bold;
	text-align: center;
}

.headers a {
	color: #FFFFFF;
	text-decoration: none;
	height: auto;
}

.headers th:hover {
	background-color: gray;
	text-decoration: underline;
	color: #FFFFFF !important;
}

.ContainerLblIndent {
	display: block;
	text-align: right !important;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

.important {
	color: red !important;
	font-weight: bold !important;
	font-size: 14px !important;
}

.search-all-fields {
	float: right;
}

.search-all-fields input[type="Text"] {
	width: 200px !important;
	height: 30px;
}

.decisionBox {
	
}

.decisionBox table td label {
	
}

.decisionBox table td input[type="text"] {
	width: 150px !important;
}

.decisionfields {
	font-weight: bold!mportant;
	font-size: 15px;
	float: left !important;
}

.decisionBox .centerdPanelGrid {
	text-align: none !important;
}

.ui-outputlabel {
	width: auto !important;
}

.decisionBox table td .ui-panelgrid .ui-panelgrid-cell {
	width: auto !important;
}

.ui-panelgrid .ui-panelgrid-cell {
	width: auto !important;
}

.decisionBox .profileLabel {
	float: right !important;
}

.decisionBox .ui-panelgrid .ui-panelgrid-cell {
	border: none !important;
	box-shadow: 1px 0px 1px 0px lightgrey;
	border-collapse: separate !important;
}

.pageWarning {
	color: Black;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	border-width: 4px;
	border-color: black;
	border-style: solid;
	background-color: #FFFF00;
	border-radius: 5px;
}

.enterkeybehavior {
	
}

.app_col_exp {
	
}

.app_col_exp .ui-panel-title {
	padding-left: 5px !important;
}

.app_col_exp  .ui-panel-titlebar {
	background: none !important;
	color: #27AAE1 !important;
	text-decoration: none;
	text-shadow: none !important;
	font-weight: normal;
	text-align: left !important;
	padding: 0px !important;
	font-size: 16px !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: solid 1px #EAEAEA !important;
}

.app_col_exp  .ui-panel-titlebar a {
	color: navy !important;
	background: gray;
	padding: 3px;
	float: left !important;
}

.app-btn-size-s {
	
}

.app-btn-size-s .ui-button-icon-only .ui-button-text {
	padding: 0px !important;
	font-size: 10px !important;
}

.app-btn-size-s button span .ui-icon {
	padding: 0px !important;
	height: 8px;
}

.ui-datatable table tbody tr:hover td {
	box-shadow: 1px 1px 1px 1px gray;
	background-color: lightyellow !important;
	color: black !important;
}

.ui-datatable .ui-datatable-even:hover {
	box-shadow: 1px 1px 1px gray;
}

.ui-datatable .ui-datatable-odd:hover {
	box-shadow: 1px 1px 1px gray;
}

.padding-buffer {
	margin-top: 40px;
}

.empty {
	
}

.app-dtl-navbutton .ui-dialog .ui-dialog-titlebar {
	heignt: 0px !important;
}

.app-dtl-nav-button {
	background: none !important;
	background-color: #FBFCFD !important;
	Color: black;
	text-decoration: underline;
	border: none !important;
}

.app-dtl-nav-button .ui-button-text {
	background: none !important;
	background-color: #FBFCFD !important;
	Color: black;
	box-shadow: none !important;
	text-shadow: none !important;
	-moz-box-shadow: none !important;
	border-radius: 0px !important;
	text-decoration: underline;
	border: none !important;
	-webkit-border-radius: 0px !important;
}

.app-radio-disabled {
	display: none;
}

.business-satus-red {
	background: orange !important;
	color: black !important;
	font-size: 16px !important;
	letter-spacing: 2px !important;
	top: 10px !important;
	margin-top: 0px !important;
	font-weight: bold !important;
	/* z-index: 999999; */
	margin: 0px Auto !important;
	border-radius: 5px;
	padding: 5px;
}

.business-satus {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 16px !important;
	letter-spacing: 2px !important;
}

/* .app-radio-disabled td div input[type="radio"] {
	opacity:0 !important;
	display:none !important;
	cursor:none !important;
}

.app-radio-disabled td div {
	opacity:0 !important;
	cursor:none !important;
} 

.app-radio-disabled td label {
	opacity:.50 !important;
	cursor:none !important;
}


.app-radio-disabled div span {
	opacity:.50 !important;
	background-image:none !important;
	cursor:none !important;			
} */
.text-as-label {
	border: none!importrant;
	text-align: right;	
	readonly: readonly !important;
	/* width:50% !important; */
	disabled: true !important;
	pointer-events: none !important;
	font-weight: normal !important;
	background-color: none !important;
	
}

.text-as-label input[type="text"] {
	border: none!importrant;
	text-align: right;
	/* width:50% !important; */
	readonly: readonly !important;
	disabled: true !important;
	pointer-events: none !important;
	font-weight: normal !important;
	background-color: none !important;
}

.text-as-label input[type="text"]:disabled {
	border: none!importrant;
	text-align: right !important;
	/* width:50% !important; */
	readonly: readonly !important;
	disabled: true !important;
	pointer-events: none !important;
	font-weight: normal !important;
	background-color: none !important;
}

.ui-state-disabled {
	opacity: 1 !important;
}

.ui-state-disabled .ui-icon-triangle-1-s{
	opacity: 0.35;
}

.width2p {
	
	width:2% !important;
}

.width100p{
	width:100% !important;
}

.ui-selectmanycheckbox td {
    text-align:left !important;
    float:left !important;
}

.ui-selectmanycheckbox .ui-state-disabled{
	color:#72828B !important;	
}

.ui-chkbox .ui-state-disabled span{
	background-color:lightgray;	
}

.whiteOnRed{
	color:white !important;
	background-color: red !important;	
}

.fontYellow {
	color:yellow !important;
}


.ui-datepicker-current-day{
	box-shadow:1px 1px 1px 1px gray !important;
}
.ui-datepicker-calendar td a{
		
	color:black !important;
}

.ui-datepicker-calendar td span{
	color:gray !important;
}

.mnt-switch-option{
	
}

.mnt-switch-option .ui-inputswitch{
	width:200px !important;
	background:#1578c9 !important;
	color:white !important;	
	margin:0px !important;
}


.mnt-switch-option .ui-inputswitch span{
	text-align:center !important;
	font-weight:bold !important;
	color:black !important;
	padding-top:4px;
	background:#1578c9 !important;
	color:white !important;
	width:190px;
}

.mnt-switch-option .ui-inputswitch .ui-inputswitch-off{
	padding-top:3px;	
}

.mnt-switch-option .ui-inputswitch .ui-inputswitch-on{
	padding-top:3px;
}

.mnt-switch-option .ui-inputswitch-handle{
	width:50px !important;
	background:lightgray !important;
	box-shadow:none !important;
} 

.static-table {
	
}
.static-table .ui-datatable-tablewrapper table {
	width:100%;
	table-layout:auto !important;
}

.static-table input[type="text"]{
	width: auto !important;	
}
