@font-face {
	font-family: 'Montserrat';
	src: url("/eAlert/javax.faces.resource/fonts/Montserrat-Regular.ttf.xhtml");
}
body {
	font-family: "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
	background-color: #f0f0f0;
	/*background-color:#FFFFFF;*/
	/*background: linear-gradient(#f0f0f0, #ffffff);*/
}

img {
	border-style: none;
}

row {
	padding: 10px 0 0 0;
}

.normal {
	font-size: 1.1em;
}

.label {
	font-family: "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
	font-weight: normal;
}

/* Hide "x" in message / error message box */
.close {
	display: none;	
}

.ui-widget {
	font-family: "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
}
input[type="text"]:disabled {
    opacity: .50;
}

.btn-group > .btn, .btn-group-vertical > .btn {
	float: none;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-radius: 4px;
}

.ui-widget .btn-small {
    color: #fff;
    background-color: #666;
    border-color: #000;
	font-size: 0.8em;
	padding: 0.5em;
	font-family: "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
}
.btn-small:hover {
    background-color: #404040;
}
.btn-small:hover, .btn-small:focus, .btn-small:active, .btn-small.active {
    color: #fff;
    background-color: #525252;
    border-color: #000;
}
.btn-warning {
	font-size:1.1em;
}
/* ==============================================
 Page Header Title Bar 
===============================================*/
.large {
	font-family: "Montserrat", "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
	font-size: 1.8em;
}
.header-bar {
	width:102%;
	border:none;
	border-radius:0;
	padding:0px;
}
.header-bar > .panel-collapse > .panel-body {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.header-icon {
	height: 3em;
	/*margin-bottom: 0.2em;*/
	margin-right: 0.8em;
}
a.header-link:hover {
	text-decoration: none;
}
/* ==============================================
 Page Footer 
===============================================*/
/* Brand HK icon */
.footer-icon {
	margin-top: 0.5em;
	margin-right: -0.4em;
	float: right;
}

/* TO-DO: check and rewrite css, remove confusing style, remove !important if possible */
/* ==============================================
 Left Menu Bar Items
 Also check common.js for css for menu collapse

 menu-item (simple menu item)
 menu-mainitem (collapsed / expanded menu item)
  - menu-subitem (menu sub-item)

 Example:
  Application (menu-mainitem)
   |- New Service Orders (menu-subitem)
   |- Enquire Application Status
  Online Help (menu-item)
  Logout (menu-item)
  
 Highlight menu on current page
 - Add "active" class
===============================================*/
.nav {
	font-family: "Montserrat","Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
}
li.menu-item a, li[class^="menu-mainitem"] a {
	/*color: #003366;*/
	color: #000;
}
ul[id^="menu-subitem"] > li > a {
	color: #000;
	padding-left:30px;
}
ul[id^="submenu-subitem"] > li > a {
	color: #000;
	padding-left:60px;
}
.menu-item:first-child {
	border-top: none;
	/*background-color: #bcdcbc !important;*/
	background-color: #bcdcbc;
}
.menu-item:not(:first-child), li[class^="menu-mainitem"] {
	border-top: 1px solid #fff !important;
	background-color: #bcdcbc;
} 
.menu-item a:focus, .menu-item a:hover {
	/*background-color: #f1c40f !important;*/
	background-color: #0a793e !important;
	color: #fff;
}
li[class^="menu-mainitem"] a:focus, li[class^="menu-mainitem"] a:hover {
	/*background-color: #f1c40f !important;*/
	background-color: #0a793e !important;
	color: #fff;
}
/* Sub-menu items */
ul[id^="menu-submenu"] > li > a {
	border-top: 1px solid #fff;
	/*background-color: #f9e79f;*/
	/*#4f964f*/
	background-color: #bcdcbc;
}
ul[id^="menu-submenu"] > li > a:hover, ul[id^="menu-subitem"] > li > a:focus {
	background-color: #0a793e;
	color: #fff;
}

/* Sub-menu items */
ul[id^="menu-subitem"] > li > a {
	border-top: 1px solid #fff;
	/*background-color: #f9e79f;*/
	/*#4f964f*/
	background-color: #d5e9d5;
}
ul[id^="menu-subitem"] > li > a:hover, ul[id^="menu-subitem"] > li > a:focus {
	background-color: #0a793e;
	color: #fff;
}

/* Sub-menu Sub-items */
ul[id^="submenu-subitem"] > li > a {
	border-top: 1px solid #fff;
	/*background-color: #f9e79f;*/
	/*#4f964f*/
	background-color: #d5e9d5;
}
ul[id^="submenu-subitem"] > li > a:hover, ul[id^="menu-subitem"] > li > a:focus {
	background-color: #0a793e;
	color: #fff;
}

/* ------------------------------------------------ 
   active (highlight item on current page) for 
   (1) menu-item (simple menu item)
   (2) menu-subitem (expanded sub menu) 
   --------------------------------------------- */
li.active > a,
ul[id^="menu-subitem"] > li.active > a {
	/*background-color: #aed3cd !important;  #aec7d3*/
	background-color: #0a793e !important;
	color: #fff !important;
}
li.active a::before,
ul[id^="menu-subitem"] > li.active > a::before  {
	content: '\00BB\00a0\00a0\00a0';
}
/* End of active (highlight item on current page)
   --------------------------------------------- */

/* Left Bar Menu - outline of whole left menu bar */
.leftbar-top > div > div {
	padding:0
}
.menubar-resize-collapse > div > div {
	padding: 0;
	/*background-color: #bcdcbc;*/
}
.menubar-resize-collapse > div {
	background-color: #bcdcbc !important;
}
/* .menubar-resize-collapse > div > a { */
/* 	font-family: 'Montserrat','Segoe UI','Helvetica Neue','Helvetica Arial',sans-serif; */
/* 	font-size:16px; */
/* 	font-weight: bold; */
/* 	color: #000; */
/* } */
.menu-title, a.menu-title
a.menu-title:visited, a.menu-title:hover, a.menu-title:active, a.menu-title:focus, a.menu-title:link {
	font-family: 'Montserrat','Segoe UI','Helvetica Neue','Helvetica Arial',sans-serif;
	font-size:16px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.menu-title:after {
	content: '' !important;
}
/* Override existing style in bsf.css*/

.menubar-resize-collapse > div > a:after,
.menubar-resize-collapse > div > a.collapsed:after {
 	content: '';
}
/* Account Information */
.leftbar-bottom, .leftbar-bottom > div {
	padding: 0;
	margin-bottom: 0;
}
/* ==============================================
 End of Left Menu Bar Items
===============================================*/

.displaytooltip {
	display: block !important;
}

.hidetooltip {
	display: none !important;
}


.panel-body /*.main-menu*/ {
	padding-left: 15px;
}

.blue {
	color: #003d99;
}

.red {
	color: red;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.full_width {
	width: 100%;
}

/* Page Title, e.g. Submit New Service Orders */
.header {
	font-family: "Montserrat", "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
	font-size: 1.6em;
	font-style: normal;
	color: black;
	padding-top: 25px;
	padding-bottom: 5px;
	padding-left: 45px;
	padding-right: 45px;
	fon-weight:bold;
}
.help-header{
	font-family: "Montserrat", "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
	font-size: 1.6em;
	font-style: normal;
	color: black;
	padding-top: 30px;
	padding-bottom: 15px;
/* 	padding: 10px 30px; */
	fon-weight:bold;
}
.header-notoppad{
		font-family: "Montserrat", "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
	font-size: 1.6em;
	font-style: normal;
	color: black;
	padding-bottom: 15px;
/* 	padding: 10px 30px; */
	fon-weight:bold;
}
.help-subheader{
		font-family: "Montserrat", "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
	font-size: 1.3em;
	font-style: normal;
	color: black;
	padding-top: 10px;
	padding-bottom: 10px;
/* 	padding: 10px 30px; */	

}
.large-details{
	font-family: "Montserrat", "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
	font-size: 1.4em;
	font-style: normal;
	padding-top: 10px;
	padding-bottom: 10px;
/* 	padding: 10px 30px; */
		
}
.help-details{
	font-family: "Montserrat", "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
	font-size: 1.1em;
	font-style: normal;
	
/* 	padding: 10px 30px; */
	
}
.help-details li {
	line-height:200%
}
.subheader {
	font-family: "Montserrat", "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
	font-size: 1.5em;
	font-style: normal;
	color: black;
}
.subheader-list{
	font-size: 1.2em;
}
.remark-normal {
	font-size: 1.1em!important;
	font-weight: bold;
}
.remark {
	font-size: 1.1em!important;
	color: red!important;
	font-weight: bold;
}
.required,.required-red{color:red !important}
.iris-ui-state-header-selected{background:#D0F5A9 !important}
.note {
	font-weight: bold;
	color: #555555;
}
.field_height {
 	height: 40px; 
}
/* Long text labels with two lines */
.field_height_double {
	height: 80px;
}
.field_height_double > .ui-panel-content {
	padding-top: 0;
	margin-top: -0.3em;
}

.field_margin_left {
	margin-left: 15px;
}

.no-pad,.no-padding {
	padding: 0 !important;
}

.table-header {
	border-right:1px solid white;
}

.no-margin {
	margin: 0 !important;
}

.form_margin {
	margin: 20px 45px;
}
.form_margin_sm{ margin: 0px 30px;}
.frame_padding {
	padding: 20px 60px;
}

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

.panel-body .divider {
	background-color: #E5E5E5;
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
}
.panel-body .dropdown-header { 
	padding: 3px 15px; 
}

.nav > li.divider-vertical {
    height: 30px;
    margin: 0 2px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #ffffff;
}

.navbar-nav {
	margin-top: 9px !important;
}

/* ===============================================
  Data Tables
  ------------
  Reference function
  - Update Login ID Profile
 =============================================== */

/*.ui-datatable-reflow thead th {
    display: inline;
}*/

/*.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
  display: block;
}*/

/* Table header */
.ui-datatable-tablewrapper > table > thead > tr > th {
	background: #000 !important;
	color: #FFF !important;
	border: 1px solid #cccccc !important;
	border-radius: 0px !important;
	font-size: 1.1em !important;
}
/* Table header [Override theme.css] */
.ui-datatable-tablewrapper .ui-state-default {
    text-shadow: none !important;
}
/* Arrow for sorting column [Override theme.css] */
.ui-datatable-tablewrapper .ui-state-default .ui-sortable-column-icon {
    background-image: url("/eAlert/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bootstrap") !important;
}
.ui-state-highlight .ui-icon {
	background-image: url('/eAlert/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-bootstrap');
}

.ui-datatable-tablewrapper .ui-datatable-odd {
	border: 1px solid #cccccc;
	border-top: 0;
	background-color: #f2f2f2;
	padding-top: 0.2em
}
.ui-datatable-tablewrapper .ui-datatable-even {
	border: 1px solid #cccccc;
	border-top: 0;
	background-color: #ffffff;
}
.ui-datatable tbody td {
	padding: 8px 10px;
}
.ui-datatable-tablewrapper .ui-datatable-empty-message {
	border: 1px solid #cccccc;
}
.ui-datatable .ui-datatable-footer {
	text-align: left;
	font-weight: normal;
	background: transparent;
	padding-left: 0px;
}

/* ===============================================
  Override existing style sheets
  File upload - Override style in fileupload.css 
================================================*/
.ui-fileupload-simple > span {
	height: 100%;
	vertical-align: middle;
}
/*ui-fileupload-simple > span > span {
	margin: 7px;
}*/
/*.ui-fileupload {
	overflow: hidden;
}*/
/* Remove "+" icon in "Choose File" button */
.ui-fileupload-simple .ui-icon {
	display: none !important;
}
.ui-fileupload-choose .ui-icon {
	display: none !important;
}
.ui-fileupload-buttonbar {
	background: transparent;
	padding: 0;
}


/* Override "Choose File" button colour */
/* Simple Upload */
.ui-fileupload-simple .ui-button {
	color:#fff;
 	background-color:#337ab7;
 	border-color:#2e6da4;
 	background-image: none;
}
.ui-fileupload-simple .ui-state-hover {
	color:#fff;
	background-color:#286090;
	border-color:#204d74	
}
.ui-fileupload-simple .ui-button .ui-button-text {
	padding: 0.5em 1em 1em 1em;
	font-weight: normal;
	text-shadow: none;
	padding-left: 1em;
}

/* Override ui-selectbooleanbutton button colour */
.echannel-boolean.ui-state-active {
	color:#fff;
 	background-color:#337ab7;
 	border-color:#2e6da4;
 	background-image: none;
 	text-shadow: none;
}
.echannel-boolean.ui-state-disabled {
	opacity: 1;
}


.echannel-boolean {
	color:#333333;
 	background-color:#e6e6e6;
 	border-color:#a1a1a1;
 	background-image: none;
 	text-shadow: none;
}

/* Upload with progress bar*/
.ui-fileupload-buttonbar .ui-state-default {
 	color:#fff;
 	background-color:#337ab7;
 	border-color:#2e6da4;
 	background-image: none;
}
.ui-fileupload-buttonbar .ui-state-hover {
	color:#fff;
	background-color:#286090;
	border-color:#204d74	
}
.ui-fileupload-buttonbar .ui-button .ui-button-text {
	padding: 0.5em;
	font-weight: normal;
	text-shadow: none;
}
/* Upload file content (Upload progress bar / error message) */
/*.ui-fileupload-content {
	display: none;
}*/
/* Hide uploading file name */
/*.ui-fileupload-files {
	display: none;
}*/
/* Hide File Upload progress bar */
/*.ui-fileupload-content .ui-progressbar {
	display: none;
}
.ui-fileupload-content .ui-progressbar .ui-progressbar-value {
 	display: none;
}
.ui-fileupload-content .ui-progressbar-value-legacy {
	display: none;
}*/
/* Alignment of File Upload error message bar with different screen size ++ */
/*.ui-fileupload-messages {*/
.ui-fileupload-content {
	float:right;
	/*padding-right: 2em;
	width:40em;*/
	/*padding-right:50%;
	width:750px;*/
}
@media screen and (min-width:1500px) {
	/*.ui-fileupload-messages {*/
	.ui-fileupload-content {
		float:right;
		/*padding-right: 4.5em;
		width:40em;*/
		padding-right:60%;
		width:750px;
	}
	.ForDesktop {
		display:true;
	}
	.ForMobile {
		display:none;
	}
}
@media screen and (min-width:900px) {
	/*.ui-fileupload-messages {*/
	.ui-fileupload-content {
		float:right;
		padding-right:50%;
		width:750px;
	}
	.ForDesktop {
		display:none;
	}
	.ForMobile {
		display:true;
	}
}
@media screen and (max-width:800px) {
	/*.ui-fileupload-messages {*/
	.ui-fileupload-content {
		float:right;
		/*padding-right: 2em;
		width:25em;*/
	}
	.ForDesktop {
		display:none;
	}
	.ForMobile {
		display:true;
	}
}
@media screen and (max-width:40em) {
	/*.ui-fileupload-messages {*/
	.ui-fileupload-content {
	}
	.ForDesktop {
		display:none;
	}
	.ForMobile {
		display:true;
	}
}

/* Style for service hour notices at bottom of page ++ */
@media screen and (min-width:1401px) {
	.service_hour_column_1 {  width: 31%; }
	.service_hour_column_2 {  width: 26%; }
	.service_hour_column_3 {  width: 26%; }
}
@media screen and (max-width:1400px) {
	.service_hour_column_1 {  width: 37%; }
	.service_hour_column_2 {  width: 31%; }
	.service_hour_column_3 {  width: 32%; }
}
/* Clear floats after the columns */
.service_hour_row:after {
			content: "";
			display: table;
			clear: both;
}
div[class^="service_hour_column"] {
				float: left; 
}
/* Style for service hour notices at bottom of page -- */
				
/* Alignment of File Upload error message bar with different screen size -- */

/* Hide error "X" icon of File Upload error message bar ++ */
.ui-fileupload-messages .ui-messages-error .ui-messages-error-icon {
	display:none;
}
.ui-fileupload-messages .ui-messages-error > ul > li {
	margin-left: -1em;
}
/* Hide error "X" icon of File Upload error message bar -- */

/* Show "Choose File" text in Choose File button in mobile version */
@media screen and (max-width:40em) {
	.ui-fileupload-buttonbar .ui-button .ui-button-text {
		display: block;
 	}
 	.ui-fileupload-buttonbar .ui-button {
		padding: 0;
 	}
}
/* ==============================================
 End of FileUpload
===============================================*/

/* Service is closing warning */
.close_warning_modal {
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.service_close_warning {
	position: fixed;
	z-index: 999999;
	min-height: 8em;
	width: 30em;
	overflow: show;
	margin: auto;
	top: 25%;
	left: 30%;
	padding: 2em;
	background-color: #d9edf7;
	color: #31708f;
	border: 1px solid #bce8f1;
	border-radius: 4px;
	font-size:16px;
}

/* Page reload warning in Cert Login Page */
.reload_warning_modal {
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.page_reload_warning {
	position: fixed;
	z-index: 999999;
	min-height: 9em;
	width: 30em;
	overflow: show;
	margin: auto;
	top: 25%;
	left: 30%;
	padding: 2em;
	background-color: #d9edf7;
	color: #31708f;
	border: 1px solid #bce8f1;
	border-radius: 4px;
	font-size:16px;
}

/* ====================================================
 Override existing style sheets
======================================================*/
/* Override style in theme.css (border in label) */
.ui-widget-content {
    border: none;  
    background: none;
}

/* Overriding style in bsf.css (Info / Error message box) */
.bf-message {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
/* Overriding style in bsf.css (Datapicker) */
.ui-datepicker {
	background-color: white;
}

/* Override bootstrap printing of a href content */
@media print {
  a[href]:after {
    content: none !important;
  }
}
/* Override core.css - x icon size */
.alert {
	margin-top: 0px !important;
}
.alert > .bficon {
	font-size: 15px;
    padding-right: 1px;
    vertical-align: middle;
}
/* Override core.css - x icon size */
.ui-panel .ui-panel-content {
	padding: 0px !important;
}

.pad-top-5 {
	padding-top: 5px;
}
.pad-top-10 {
	padding-top: 10px;
}
.pad-top-15 {
	padding-top: 15px;
}
.pad-top-20 {
	padding-top: 20px;
}
.pad-top-30 {
	padding-top: 30px;
}
.pad-top-40 {
	padding-top: 40px;
}
.pad-top-50 {
	padding-top: 50px;
}
.pad-top-80 {
	padding-top: 80px;
}
.pad-top-100 {
	padding-top: 100px;
}

.pad-left-0 {
	padding-left: 0px;
}
.pad-left-2 {
	padding-left: 2px;
}
.pad-left-5 {
	padding-left: 5px;
}
.pad-left-7 {
	padding-left: 7px;
}
.pad-left-8 {
	padding-left: 8px;
}
.pad-left-10 {
	padding-left: 10px;
}
.pad-left-15 {
	padding-left: 15px;
}
.pad-left-20 {
	padding-left: 20px;
}
.pad-left-30 {
	padding-left: 30px;
}
.pad-left-40 {
	padding-left: 40px;
}
.pad-left-45 {
	padding-left: 45px;
}
.pad-left-50 {
	padding-left: 50px;
}
.pad-left-80 {
	padding-left: 80px;
}
.pad-left-100 {
	padding-left: 100px;
}

.pad-right-5 {
	padding-right: 5px;
}
.pad-right-10 {
	padding-right: 10px;
}
.pad-right-15 {
	padding-right: 15px;
}
.pad-right-20 {
	padding-right: 20px;
}
.pad-right-25 {
	padding-right: 25px;
}
.pad-right-30 {
	padding-right: 30px;
}
.pad-right-40 {
	padding-right: 40px;
}
.pad-right-50 {
	padding-right: 50px;
}
.pad-right-80 {
	padding-right: 80px;
}
.pad-right-100 {
	padding-right: 100px;
}

/* .input-group .form-control {width:auto !important} */
.InputTextReadOnly {
	background-color: transparent !important;
	border: 0px solid !important;
	box-shadow: inset 0px 0px 0px 0px !important;
	color: black !important;
	opacity: 1 !important;
	filter: Alpha(Opacity = 100) !important;
}

.TableText {
	padding-bottom: 0.3em;
	word-wrap: break-word;
	text-align: center;
}

.InputText {
	width: 100%;
}
.ui-button-text-only .ui-button-text {
	padding:0.1em 1em;
}
.calendar-icon {
	background-image: url('/eAlert/javax.faces.resource/datepicker-16x16.png.xhtml?ln=images') !important;
}
@media print {
		.print-menu-bar {
		display:none;
	}
	.header_panel {
		font-size:10px;
	}
	.print-main-content {
		width: 100%;
	}
	.pageFooter {
		padding-top:1.5em;
	}
	.panel-group {
		margin-bottom: 0;
	}
}
.header_panel > div {
					margin-right: 0;
					min-height: 50px; width: 100%;  padding-bottom:0;
				}

.container-fluid{overflow-x: hidden;}
.header-bar-flu{padding:0px;}

/* eChannel */
.input-sm {
    height: 35px !important; 
    padding: 0px 5px !important;
    font-size: 1.1em !important; 
    line-height: 1.5 !important; 
     border-radius:3px !important; 
}
.btn{
	
/*     display: inline-block; */
/*     margin-bottom: 0; */
/*     font-weight: normal; */
/*     text-align: center; */
/*     vertical-align: middle; */
/*     touch-action: manipulation; */
/*     cursor: pointer; */
/*     background-image: none; */
/*     border: 1px solid transparent; */
/*     white-space: nowrap; */
    padding: 6px 12px !important;
/*     font-size: 14px; */
/*     line-height: 1.428571429; */
/*     border-radius: 4px; */
/*     -webkit-user-select: none; */
/*     -moz-user-select: none; */
/*     -ms-user-select: none; */
    user-select: none;
/*     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); */

}
.font-bold{weight:bold !important;}
.inputTextWidth {
		width: 320px !important;
		}
.text-right button{margin-left:10px;padding:6px 6px;}
.text-left button{margin-right:10px;padding:6px 6px;}
.control-label {font-size:1.1em !important}
.ui-datatable-tablewrapper table th{padding:10px 10px}
.ui-inputfield{height:37px}
.ui-th-div{margin-bottom:12px !important;}
.jqgrid-height-200{height:200px;min-height:200px;padding:20px 0px 40px 0px !important;margin-bottom:40px;}
.jqgrid-height-300{height:300px;min-height:300px;padding:20px 0px 40px 0px !important;margin-bottom:40px;}
.jqgrid-height-400{height:400px;min-height:400px;padding:20px 0px 40px 0px !important;margin-bottom:40px;}
.jqgrid-height-500{height:500px;min-height:500px;padding:20px 0px 40px 0px !important;margin-bottom:40px;}
.jqgrid-height-600{height:600px;min-height:600px;padding:20px 0px 40px 0px !important;margin-bottom:40px;}
.ui-jqgrid .ui-jqgrid-bdiv{border:1px solid #ccc !important;border-top:none !important;background:#fff !important}
.ui-jqgrid tr.jqgrow td, .ui-jqgrid tr.jqgroup td {padding: 7px 5px !important;}

#javax_faces_developmentstage_messages,.dataTables_length ,.hidden{
	display: none;
}

.showDiv{
	display: block;
}

.pageFooterN{background: transparent !important;; box-shadow: none !important;; border:none !important;; margin-top:-2em !important;}
.helplist {
	padding:1em;
}

.helplist > li {
	padding-bottom: 0.5em;
	text-decoration: none;
	font-size: 115% !important;
}
.helplist > li > a {
	color: #333333 !important;
	text-decoration: underline;
}
.helpsublist {
	padding-left:1em;
}
.helpsublist > li {
	padding-left:0.6em;
	padding-top: 0.8em;
}
.helplist > li > ul {
						padding-left:1em;
						padding-top: 0.5em;
					}
.helplist > li > ul > li{
						padding-left:0.5em;
						padding-top: 0.5em;
					}
.content-body{/*display:none*/}
.downloadlink > a {
						font-size: 115% !important;
						display:inline-block !important;
						padding-bottom:0.5em !important;
						text-decoration:underline !important;
						color: #333333 !important;
					}

.input-txt-div{font-size:1.1em !important;color: #404765;}
.ui-dialog-buttonpane .ui-button-text{padding: .3em 1em .3em 1em !important;font-weight:bold}
.ui-dialog .ui-dialog-buttonpane {
   
    text-align: center !important;
}
.table-header-green{color: #3c763d !important;
    font-size: 1.5em !important;}
.static_page_margin{
	padding-left:20px;
	padding-right:20px;
}
.modal-header {
				word-wrap: break-word;
	}
.FieldName {
	padding-left:0.1em;
	padding-bottom:0.3em;
	width:120px;
	font-size:105%;
	vertical-align:top;
}
.TableText {
	padding-bottom:0.3em;
	word-wrap: break-word;
}
	ol {
		margin-left: 0;
		padding-left: 2em;
		padding-right: 1em;
	}
	ol > li {
		padding-left: 1.5em;
		padding-bottom: 0.5em;
		text-align: justify;
	}
.OutputSubTitle {
					max-width: 320px !important;
					padding: 0 0 0 0;
				}
.menu .ui-selectonemenu-label{
					background: white;
				}
				.panel .ui-selectonemenu-list{
					background: white;
				}
				.ui-selectonemenu .ui-selectonemenu-trigger {
				    width: 30px;
				    padding: 5px 7px;
   				}
 .bg-black{
 	background:#000 !important;
}
.label-white{color:#fff !important; padding:5px 0px !important;}

/* eChannel */
.jqgrid-height-auto{height:auto;padding:0px 0px 0px 0px !important;}
/*
.ec-grid .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	color: #ffffff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#000000));
}
*/
.form-group{
	margin-bottom: 0px !important;
}
.ui-confirm-dialog-message{font-size:1.3em !important}

/* ==============================================
e-channel primeface datatable selection checkbox tick 
===============================================*/
.non-highlight.ui-datatable .ui-datatable-even.ui-state-highlight {
    background: white;
    color: #333333;
}

.non-highlight.ui-datatable .ui-datatable-odd.ui-state-highlight {
    background: #F9F9F9;
    color: #333333;
}
.ui-selectonemenu-items {
	background: white;
}

.input-width-180 {
	width: 180px;
}
.ui-selectonelistbox{width:100%;min-width:40em;height:220px !important;min-height:210px !important;border:1px solid #aaa !important;background:#fff !important}


.helplist {
	padding:1em;
}

/* ==============================================
** Information popup list without underline
** ===============================================*/
.info {
	padding-bottom: 0.5em;
	text-decoration: none;
	font-size: 120% !important;
	padding-top: 0.5em !important;
	line-height:200% !important;
	text-align: justify;
}
.info2 {
	padding-bottom: 0.5em;
	text-decoration: none;
	font-size: 120% !important;
	padding-top: 0.5em !important;
}
.infolist > li {
	padding-bottom: 0.5em;
	text-decoration: none;
	font-size: 115% !important;
}
.infolist > li > a {
	color: #333333 !important;
}
.infosublist {
	padding-left:1em;
}
.infosublist > li {
	padding-left:0.6em;
	padding-top: 0.8em;
}
.infolist > li > ul {
						padding-left:1em;
						padding-top: 0.5em;
					}
.infolist > li > ul > li{
						padding-left:0.5em;
						padding-top: 0.5em;
					}
.border-top-01{
border-top: 1px solid #eee;
}

input[type="text"]:disabled {
	opacity: 1.0 !important;
}

.ui-confirm-dialog-severity {
	display: none !important;
}

.ui-inputfield.ui-inputtextarea.ui-widget.ui-state-default.ui-corner-all.ui-state-disabled {
	background: #D9D9D9;
}

ui-button-icon-left.ui-icon.calendar-icon
{
	background-image: url('/eAlert/javax.faces.resource/datepicker-16x16.png.xhtml?ln=images') !important;
}
.ui-state-highlight.ui-icon.calendar-icon {
	background-image: url('/eAlert/javax.faces.resource/datepicker-16x16.png.xhtml?ln=images') !important;
}

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

.btn-radio-readonly {
    background-color: #eee !important;
    color: #333 !important;
    border-color: #333 !important;
}

.ui-radiobutton-icon {
	margin-top: -1px;
	margin-left: 0px;
}

.news-header{
	font-family: "Montserrat", "Segoe UI","Helvetica Neue",Helvetica Arial,sans-serif;
	font-size: 1.3em;
	font-style: normal;
	color: white;
/* 	padding: 10px 30px; */	

}