/* xfact Added
.ui-panelgrid .ui-panelgrid-cell{border-width:0;border-style:solid;border-color:inherit;padding:0 !important;} */

/* Added to fix text area appearance in rio & titan */
.ui-inputfield.ui-inputtextarea {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

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

/*Not to increase width if added padding*/
/*
div{
 -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;      
}
*/
.ui-datatable .ui-datatable-tablewrapper {
	padding: 0 !important;
	margin: 0 !important;
}

.highlight-on-focus:focus {
	border: 1px dotted;
}

.blueColor {
	color: blue;
}

pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	margin: 0;
}

.highlightRequiredField {
	color: red !important;
	background-color: silver !important;
}

.ouputPanelWithBorder {
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	width: 98%;
	border-left: 1px #8fa3bb;
	border-top: 1px #8fa3bb;
	border-bottom: 1px #8fa3bb;
	border-right: 1px #8fa3bb;
	border-style: solid;
	background-color: #f8fbff;
}

@media ( max-width : 480px) {
	.ouputPanelWithBorder {
		margin: 4px;
		width: 96%;
		padding-left: 2px;
		border: 1px #8fa3bb;
		border-style: solid;
		background-color: #f8fbff;
	}
}

.spanMarginTopLeft {
	margin-top: 5px;
	margin-left: 8px;
}

.textAreaCounter {
	color: #AA0000;
}

.ui-input-invalid .ui-inputfield {
	background-color: #FAFABE;
}

.ui-input-invalid {
	background-color: #FAFABE;
}

.div_Header {
	background-color: #003366;
	border: 1px solid #175787;
	color: #ffffff;
	height: 24px;
	margin: 8px 0 0;
}

.required:before {
	content: "* ";
	color: red;
}

.ui-panel .ui-panel-titlebar {
	background-color: #0288d1;
	padding: 12px 20px !important;
}

.ui-panel .ui-panel-footer {
	background-color: #336699; //#639 bcf; #434343; # ccc; #18345 d; #2
	f65b6; #99 ccff; #336699;
	font-size: 22px;
	margin: 0 -2px -2px !important;
	padding: 10px 10px !important;
}

.ResponsiveContainer80 {
	width: 100%;
	float: left;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.hiddenLink
{ 
	position:absolute; 
	left:-10000px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
}

/*Moving button outside H3 tage introduces extra padding for H3 element, 
	to fix that issue added below style class*/
.headingWithButton .ui-panelgrid-cell  {
	padding-left: 0px !important;
}

@media ( min-width : 961px) {
	.ResponsiveContainer80 {
		width: 80%;
		float: left;
	}
}

.ResponsiveContainer20 {
	width: 35%;
	float: left;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

@media ( min-width : 961px) {
	.ResponsiveContainer20 {
		width: 20%;
		float: left;
	}
}

@media ( min-width :320px) and (max-width: 480px) {
	.ResponsiveContainer20 {
		width: 100%;
		float: left;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}

/**************Added for Responsive Design****************/
#logo img.abusereportpageimage {
	height: 60px;
	width: 250px !important;
	margin-top: 2px;
	margin-left: 25px;
}

#dcflogo {
	width: 120px;
	height: 64px;
	background-color: #0288d1;
	border-right: solid 1px #0277bd;
	display: block;
}

#dcflogo img {
	height: 64px;
	max-width: 230px;
	margin: 4px, 4px, 4px, 4px;
}

/* Large desktop */
/* Portrait tablet to landscape and desktop */
@media ( min-width : 640px) and (max-width: 960px) {
	#dcflogo {
		width: 120px;
		height: 64px;
	}
	#dcflogo img {
		height: 64px;
		max-width: 230px;
		margin: 4px, 4px, 4px, 4px;
	}
	#dcflogo img.abusereportpageimage {
		height: 60px;
		width: 280;
		margin-top: 2px;
		margin-left: 25px;
	}
}

/* Landscape phone to portrait tablet */
@media ( min-width : 480px) and (max-width: 640px) {
	#dcflogo {
		width: 90px;
		height: 50px;
	}
	#dcflogo img {
		height: 50px;
		max-width: 230px;
		margin: 4px, 4px, 4px, 4px;
	}
	#logo img.abusereportpageimage {
		height: 50px;
		width: 100%;
		margin-top: 2px;
		margin-left: 25px;
	}
}

/* Portrait phones and down */
@media ( min-width : 320px) and (max-width: 480px) {
	#dcflogo {
		width: 100px;
		height: 50px;
	}
	#dcflogo img {
		height: 50px;
		max-width: 180px;
		margin: 4px, 4px, 4px, 4px;
	}
	#dcflogo img.abusereportpageimage {
		height: 50px;
		width: 100%;
		margin-top: 2px;
		margin-left: 25px;
	}
}

.ButtonContainer {
	padding: 0.16em;
	display: inline-block;
}

select.ui-datepicker-month, select.ui-datepicker-year {
	font-family: inherit;
}

.ButtonWithIconOnly {
	margin-right: 0.6em;
	margin-bottom: 0.3em;
}

.ButtonWithIconAndText {
	margin-right: 1.5em;
}

@media ( max-width :640px ) {
	.ButtonWithIconAndText {
		margin-right: 1.5em;
		margin-bottom: 0.5em;
	}
}

/* Overrides the text alignment of column headers within p:dataTable */
.ui-datatable .ui-datatable-tablewrapper th {
	text-align: left;
}

/* Overrides font weight of label values within p:dataTable */
.ui-datatable label {
	font-weight: 300 !important;
}