html,body {	padding: 0px 0 0 !important; margin: 0 auto; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; word-wrap: break-word;
color: #333; text-align: justify; background: #EFEFEF; width: 100%;	height: 100%;}
/******=*=*=*=*PG GRID=*=*=*=*=*=********/
div.pq-grid-top { background: #ffffff none repeat scroll 0 0 !important; }
.textStyle select { width: 68px; }
.info-tiles .tiles-heading { border-top-left-radius: 1px; border-top-right-radius: 1px; font-size: 17px; font-weight: bold;
 letter-spacing: 1px; padding: 6px 10px; text-align: center; text-transform: uppercase;}
/*********** Login Page ***********/
.login-page, .login-page .main_container { background: #013a71 none repeat scroll 0 0;}
.loginbox { border: 1px solid #208bf1; border-radius: 5px; padding: 3px 10px 0; width: 290px;}
.loginbox h2 { color: #98c8f6; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 600; margin:10px 0 0 0;}
.loginbox form label { color: #78b8f5; float: left; font-size: 16px; padding-top: 0 !important; text-align: left !important; width: 38%;}
.loginbox form .col-sm-10 { float: left; width: 60%;}
.loginbox .col-sm-10 > input { background: #298eee none repeat scroll 0 0; border: 1px solid #0858a5; color: #fff !important; font-size: 16px;
height: auto; padding: 3px; width: 100%;}
.loginbox input[type="submit"] { background: #298eee none repeat scroll 0 0; border: 1px solid #104bb1; color: #cccccc; cursor: pointer;
margin: 0 12px 5px; padding: 4px 10px;}
.loginbox input[type="submit"]:hover{ background:#096ece none repeat scroll 0 0;}
.login_page .form-control::-moz-placeholder { color: #a8e8ff; opacity: 1;}
/*********** Login Page **************/
.padding_none{padding:0 !important;}
.row.main_container { margin: 0; overflow: hidden; width: 100%;}
.col-sm-12.header_data, .col-sm-12.body { padding: 0;}
footer { background: #edeef0 none repeat scroll 0 0; border-top: 1px solid #d2d3d6; float: left; overflow: hidden; padding: 10px 0 5px;
text-align: center; width: 100%; z-index: 1;}
#mainSplitter { height: 75vh !important; overflow-x: auto; overflow-y: auto;}
.TableContainer { overflow-y: hidden !important;}
.ui-widget-header{ border: 0 solid #e78f08;}
input,select {color: #333333;}
.clear { clear: both; margin: 0; padding: 0;}
.left { float: left;}
.right {float: right;}
img {border: none;}
.mainheading {font-size: 14px;font-weight: bold;}
.mainheading1 {font-size: 14px; color: #FFF;line-height: 36px;font-weight: bold;}
.subheading {font-size: 12px;font-weight: bold;width: 20%;}
.header1 {padding: 10px 2px;border-bottom: #999999 solid 1px;}
.search_res_h span {display: block;line-height: 21px;width: 150px;}
.button1 {display: block;min-width: 50px;margin-right: 15px; float: left; cursor: pointer; border: 1px solid #25729a; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding: 5px 10px;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);font-weight: bold;	text-align: center;	color: #FFFFFF;	background-color: #3093c7;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3093c7),	color-stop(100%, #1c5a85) );
background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85); background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
background-image: -ms-linear-gradient(top, #3093c7, #1c5a85); background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
background-image: linear-gradient(top, #3093c7, #1c5a85); filter: progid : DXImageTransform . Microsoft . gradient(GradientType = 0, startColorstr = #3093c7, endColorstr = #1c5a85);}

.button1:hover { border: 1px solid #1c5675; background-color: #26759e;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26759e), color-stop(100%, #133d5b) );
	background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
	background-image: -moz-linear-gradient(top, #26759e, #133d5b);
	background-image: -ms-linear-gradient(top, #26759e, #133d5b);
	background-image: -o-linear-gradient(top, #26759e, #133d5b);
	background-image: linear-gradient(top, #26759e, #133d5b);
	filter: progid :   DXImageTransform .   Microsoft . 
		gradient(GradientType =   0, startColorstr =   #26759e, endColorstr = 
		 #133d5b);
}

button.ui-multiselect { background: #ffffff none repeat scroll 0 0; border: 1px solid #cccccc; border-radius: 0; font-weight: normal;}
.search_submit { cursor: pointer;border: 1px solid #34740e;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;	padding: 5px 25px;text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);font-weight: bold;text-align: center;
	color: #FFFFFF; background-color: #4ba614;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4ba614),	color-stop(100%, #008c00) );
	background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
	background-image: -moz-linear-gradient(top, #4ba614, #008c00);
	background-image: -ms-linear-gradient(top, #4ba614, #008c00);
	background-image: -o-linear-gradient(top, #4ba614, #008c00);
	background-image: linear-gradient(top, #4ba614, #008c00);
	filter: progid :   DXImageTransform . Microsoft . gradient(GradientType = 0, startColorstr = #4ba614, endColorstr = #008c00);
}

.search_submit:hover { border: 1px solid #224b09;background-color: #36780f;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #36780f), color-stop(100%, #005900) );
	background-image: -webkit-linear-gradient(top, #36780f, #005900);
	background-image: -moz-linear-gradient(top, #36780f, #005900);
	background-image: -ms-linear-gradient(top, #36780f, #005900);
	background-image: -o-linear-gradient(top, #36780f, #005900);
	background-image: linear-gradient(top, #36780f, #005900);
	filter: progid :   DXImageTransform .   Microsoft . gradient(GradientType =   0, startColorstr =   #36780f, endColorstr = #005900);
}
#layout {width: 1024px;margin: 0 auto;}
#layout1 {width: 1024px;margin: 0 auto;}
#loginlayout {width: 1024px;height: 748px;margin: auto;	background: url(../images/app_bg.png) center no-repeat;}
.headerbg {	
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(53%, #f6f6f6), color-stop(100%, #ffffff) );	
	background: -webkit-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 53%, #ffffff 100%); /* W3C */
	filter: progid : DXImageTransform . Microsoft . gradient(startColorstr = '#ededed', endColorstr = '#ffffff', GradientType =   0); /* IE6-9 */
	height: 45px;
}
.logodiv {width: 1024px;margin: 0 auto;	padding: 7px 60px 0 0;}
/***Navigation***/
#nav{ padding:0 10px;}
.menubg {
	height: 36px;
	background: #a0c0db; /* Old browsers */
	background: -moz-linear-gradient(top, #a0c0db 0%, #337dc7 47%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0c0db), color-stop(47%, #337dc7) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a0c0db 0%, #337dc7 47%);
	background: -o-linear-gradient(top, #a0c0db 0%, #337dc7 47%);
	background: -ms-linear-gradient(top, #a0c0db 0%, #337dc7 47%);
	background: linear-gradient(to bottom, #a0c0db 0%, #337dc7 47%);
	filter: progid :   DXImageTransform .   Microsoft .  gradient(startColorstr =   '#a0c0db', endColorstr =   '#337dc7', GradientType =   0); /* IE6-9 */
}
.searchOptContainer {margin: 30px;padding: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-opera-border-radius: 10px;-khtml-border-radius: 10px;
	border-radius: 10px;border: 1px solid #cccccc;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ededed 8%, #fefefe 50%, #ededed 93%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(8%, #ededed), color-stop(50%, #fefefe), color-stop(93%, #ededed) );
	background: -webkit-linear-gradient(-45deg, #ededed 8%, #fefefe 50%, #ededed 93%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ededed 8%, #fefefe 50%, #ededed 93%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ededed 8%, #fefefe 50%, #ededed 93%); /* IE10+ */
	background: linear-gradient(135deg, #ededed 8%, #fefefe 50%, #ededed 93%); /* W3C */
	filter: progid :   DXImageTransform .   Microsoft .  gradient(startColorstr =   '#ededed', endColorstr =   '#ededed', GradientType =   1); 
	-moz-box-shadow: 0px 0px 20px #000; /* Firefox 3.5+ */
	-webkit-box-shadow: 0px 0px 20px #000; /* Safari 3+ & Chrome */
	box-shadow: 0px 0px 20px #000; /* CSS3 compatible browsers */
	filter: progid :   DXImageTransform .   Microsoft . Shadow(Strength =   4, Direction =   135, Color =   '#000');
	-ms-filter:	"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')"; /* IE 8 */
}
.smallBg1 {height: 36px;width: 20px;background: #FFF;margin-right: 10px;}
.searchOptHeader {height: 36px;	padding-left: 10px;
	background: #4096ee; /* Old browsers */
	background: -moz-linear-gradient(left, #4096ee 0%, #60abf8 56%, #7abcff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4096ee), color-stop(56%, #60abf8), color-stop(100%, #7abcff) );
	background: -webkit-linear-gradient(left, #4096ee 0%, #60abf8 56%, #7abcff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #4096ee 0%, #60abf8 56%, #7abcff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #4096ee 0%, #60abf8 56%, #7abcff 100%); /* IE10+ */
	background: linear-gradient(to right, #4096ee 0%, #60abf8 56%, #7abcff 100%); /* W3C */
	filter: progid :   DXImageTransform .   Microsoft . gradient(startColorstr =   '#4096ee', endColorstr =   '#7abcff', GradientType =   1); /* IE6-9 */
}
.loginbox {width: 100%;}
.loginBoxRow {padding: 5px 5px;}
.loginlable {margin: 5px auto;}
.login_txtbox {height: 27px;width: 200px;padding: 0 5px;margin: 2px;color: #EBEBEB;-moz-border-radius: 5px;	-webkit-border-radius: 5px;
-opera-border-radius: 5px;	-khtml-border-radius: 5px;border-radius: 5px;border: 1px solid #999999;background: none;}
.login_submit {border: 1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;	padding: 5px 10px 5px 10px;	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); font-weight: bold;
text-align: center; color: #FFFFFF;	border: 1px solid #bfc4c4; background-color: #d9dddd;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9dddd), color-stop(100%, #c6c3c3) );
	background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
	background-image: linear-gradient(top, #d9dddd, #c6c3c3);
	filter: progid :   DXImageTransform .   Microsoft . gradient(GradientType =   0, startColorstr =   #d9dddd, endColorstr = #c6c3c3);
}
.login_submit:hover {
	background-color: #3093c7;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3093c7), color-stop(100%, #1c5a85) );
	background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
	background-image: linear-gradient(top, #3093c7, #1c5a85);
	filter: progid :   DXImageTransform .   Microsoft . gradient(GradientType =   0, startColorstr =   #3093c7, endColorstr = #1c5a85);
}
.loginboxContainer {color: #ffffff; font-size: 12px; left: -11px; margin: auto; padding: 10px; position: relative; top: 250px; width: 275px;}
.reportViewer {width: 50%;	float: left;}
.loginbox fieldset {padding: 10px;/*background:#EFEFEF;*/-moz-border-radius: 5px;-webkit-border-radius: 5px;-opera-border-radius: 5px;
-khtml-border-radius: 5px;	border-radius: 5px;}
.reportViewer fieldset {padding: 10px;margin: 10px;	min-height: 400px;/*background:#EFEFEF;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px;
-opera-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
/* check box */
.checkBoxStyle1 {width: 20px;position: relative;float: left;margin-right: 10px;}
.checkBoxStyle1 label {	cursor: pointer;position: absolute;	width: 16px;height: 16px;top: 1px;left: 2px;border-radius: 4px;
-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);background: #E0E0E0;}
.checkBoxStyle1 label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); opacity: 0; content: '';
position: absolute; width: 7px;	height: 4px;background: transparent;top: 3px;left: 4px;border: 3px solid #333;border-top: none; border-right: none;
-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.checkBoxStyle1 label:hover  ::after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity =   30);opacity: 0.5;}
.checkBoxStyle1 input[type=checkbox]:checked+label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity =   100);	opacity: 1;}
.checkBoxLable1 {line-height: 21px;}
.listOptions1 {	float: left; margin: 10px 10px 10px 10px; width: 45%;}
.listOptions2 {	float: left; margin: 0 2px;}
.listOptions3 {	float: right; margin: 10px;}
.indOption { margin-bottom: 10px;}
.lable1 { font-weight: bold; line-height: 25px;}
.textbox1 { height: 22px; width: 85px; padding: 0 5px;	margin: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -opera-border-radius: 5px;
-khtml-border-radius: 5px; border-radius: 5px; border: 1px solid #999999;	background: none;}
.selectbox1 {width: 160px;}
.spinner { height: 22px; padding: 0 5px; margin: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -opera-border-radius: 5px;
-khtml-border-radius: 5px; border-radius: 5px; border: 1px solid #999999;	background: none;}
select { background-color: #ffffff; background-image: none; border: 1px solid #d2d3d6; border-radius: 1px; color: #4d4d4d; font-size: 14px; height: 28px;
line-height: normal; padding: 0 0 0 4px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; /* Firefox 3.5+ */ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; /*Safari 3+&Chrome */
/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; /* CSS3 compatible browsers */*/
background: #ffffff; /* IE 8 */ }
select:hover,.spinner:hover,.textbox1:hover {border: 1px solid #25729a;}
select:focus,.spinner:focus, , .textbox1:focus {border: 1px solid #25729a;}
table.example2 {background-color: transparent;border-collapse: collapse;width: 100%}
table.example2 th,table.example2 td {border: 1px solid black;padding: 3px;}
table.example2 th {	background-color: AntiqueWhite;	font-size: 14px;	text-align: center;}
table.example2 td {	font-size: 12px;	text-align: left;}
/******grid css*********/
.custom-class-ie9{ margin:10px 0;}
.info-tiles.tiles-toyo .tiles-heading { background: #677fa4 none repeat scroll 0 0; height: 38px; }
.info-tiles.tiles-toyo:hover .tiles-heading { background: #5a7195 none repeat scroll 0 0;}
.info-tiles.tiles-toyo .tiles-body-alt {  background: #556b8d none repeat scroll 0 0; height: 105px;}
.info-tiles.tiles-toyo:hover .tiles-body-alt {  background: #4b5f7d none repeat scroll 0 0;}

.info-tiles.tiles-success { position: relative; min-height: 144px;}
.info-tiles.tiles-success .tiles-heading {  background: #99d063 none repeat scroll 0 0; height: 38px; 
position: absolute; width: 100%; height: auto;}
.info-tiles.tiles-success:hover .tiles-heading {  background: #8bca4e none repeat scroll 0 0;}
.info-tiles.tiles-success .tiles-body-alt {  background: #85c744 none repeat scroll 0 0; height: 105px; min-height: 143px;
padding-top: 70px !important;}
.info-tiles.tiles-success:hover .tiles-body-alt {  background: #78ba38 none repeat scroll 0 0;}
.info-tiles.tiles-orange .tiles-heading {  background: #f2b257 none repeat scroll 0 0; height: 38px;}
.info-tiles.tiles-orange .tiles-body-alt {  background: #efa131 none repeat scroll 0 0;height: 105px;}
.info-tiles.tiles-orange:hover .tiles-heading { background: #f0a63d none repeat scroll 0 0;}
.info-tiles.tiles-orange:hover .tiles-body-alt { background: #ed9619 none repeat scroll 0 0;}
.info-tiles.tiles-alizarin .tiles-heading { background: #eb6d60 none repeat scroll 0 0; height: 38px;}
.info-tiles.tiles-alizarin .tiles-body-alt { background: #e74c3c none repeat scroll 0 0; height: 105px;}
.info-tiles.tiles-alizarin:hover .tiles-heading { background: #e85647 none repeat scroll 0 0;}
.info-tiles.tiles-alizarin:hover .tiles-body-alt { background: #e43725 none repeat scroll 0 0;}
.info-tiles:hover{ text-decoration:NONE !important; }
.info-tiles .tiles-heading, .info-tiles .tiles-body-alt{ color: #fff !important; font-weight:300 !important; text-align:center;}
.info-tiles .tiles-body-alt{font-size: 33px !important; padding: 30px 5px !important;}
.newGridButtonStyle { height: 22px !important;}
div.pq-td-div input.newGridButtonStyle{ height: 22px !important; height: 22px\0;}
.jqx-splitter-collapse-button-horizontal.jqx-fill-state-normal { display: none;}
div.pq-grid-bottom{ bottom: 0;}
#serviceDataDiv div.pq-grid-bottom { bottom: 12px;}
td div.pq-td-div { white-space: normal;}
div.pq-vscroll{	z-index:100;}

/***************** Multiselect dropdown plugin css *************************/
.ui-multiselect-menu { min-width: 180px;}
.ui-multiselect-menu .ui-multiselect-filter input { border: 1px solid #7e7e7e; margin-left: 3px; width: 98%;}